Add and fix nominee profile photo uploads

- Run artisan migrate to add column photo in nominee table
- npm run development/watch

resources/assets/js/components/demo/admin/nominee/index.vue

@@ -2,20 +2,20 @@
 <div class="row">
 	<div class="col-md-3" style="max-width: 250px;">
 		<ul class="list-group">
-			<router-link 
-				tag="li" 
-				class="list-group-item" 
-				:to="{name: 'Maklumat Calon'}" 
-				exact 
+			<router-link
+				tag="li"
+				class="list-group-item"
+				:to="{name: 'Maklumat Calon'}"
+				exact
 				replace
 				:class="{'active':position_id==0}">
 				All Position
 			</router-link>
-			<router-link 
+			<router-link
 				v-for="position in data.positions"
 				:key="position.id"
-				tag="li" 
-				class="list-group-item" 
+				tag="li"
+				class="list-group-item"
 				:to="{query: {position_id:position.id}}"
 				exact
 				replace>
@@ -43,7 +43,7 @@
 				<tbody>
 					<tr v-for="nominee in nominees">
 						<td>
-							<img :alt="nominee.name" :src="data.storageURL+nominee.image" class="thumbnail" style="height: 60px;width: 60px;">
+							<img :alt="nominee.name" :src="createBase64ImageUrl(nominee.photo)" class="thumbnail" style="height: 60px;width: 60px;">
 						</td>
 						<td>{{ nominee.name}}</td>
 						<td>{{ nominee.no_anggota}}</td>
@@ -142,7 +142,11 @@ export default{
 				if (partylists[i].id == id)
 					return partylists[i]['name'];
 			return 'No partylists';
-		}
+		},
+
+        createBase64ImageUrl: function(base64ImageData) {
+            return "data:image/png;base64," + base64ImageData;
+        }
 	},
 
 	computed: {
@@ -165,4 +169,4 @@ export default{
 		}
 	}
 }
-</script>
+</script>