user-ui-update

app/Http/Controllers/API/v1/Nominee/UpdateController.php

@@ -50,8 +50,8 @@ class UpdateController extends Controller
     	$nominee->no_anggota = $request->no_anggota;
     	$nominee->position_id = $request->position_id;
     	$nominee->partylist_id = $request->partylist_id;
-        $nominee->motto = $request->motto;
-        $nominee->description = $request->description;
+        $nominee->education = $request->education;
+        $nominee->experience = $request->experience;
 
         if ($request->hasFile('photo')) {
             $imageData = file_get_contents($request->file('photo'));

app/Nominee.php

@@ -14,8 +14,8 @@ class Nominee extends Model
     	'position_id',
     	'partylist_id',
     	'election_id',
-        'description',
-        'motto',
+        'experience',
+        'education',
         'photo',
     ];
     public $timestamp = false;

database/migrations/2024_03_31_111517_rename_education_in_nominee_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class RenameEducationInNomineeTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('nominee', function (Blueprint $table) {
+            $table->renameColumn('motto', 'education');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('nominee', function (Blueprint $table) {
+            $table->renameColumn('motto', 'education');
+        });
+    }
+}

database/migrations/2024_03_31_112252_rename_experience_in_nominee_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class RenameExperienceInNomineeTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('nominee', function (Blueprint $table) {
+            $table->renameColumn('description', 'experience');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('nominee', function (Blueprint $table) {
+            $table->renameColumn('description', 'experience');
+        });
+    }
+}

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

@@ -9,7 +9,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>	
-					<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
+					<a class="navbar-brand" :href="data.baseURL" ><img src='https://i.postimg.cc/ZBDD0ZfQ/Whats-App-Image-2024-03-21-at-1-24-46-PM-2.jpg' border='0' alt="MyKoPKB Logo"></a>
 				</div>
 				<div class="collapse navbar-collapse" id="myNavbar">
 

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

@@ -21,13 +21,13 @@
 					</div>
 
 					<div class="form-group">
-						<label for="motto">Motto</label>
-						<input type="text" name="motto" class="form-control" placeholder="(Optional)" />
+						<label for="education">Taraf Pendidikan</label>
+						<input type="text" name="education" class="form-control" placeholder="(Optional)" />
 					</div>
 
 					<div class="form-group">
-						<label for="description">Description</label>
-						<textarea name="description" class="form-control" placeholder="(Optional)"></textarea>
+						<label for="pengalaman">Pengalaman Kerja</label>
+						<textarea name="pengalaman" class="form-control" placeholder="(Optional)"></textarea>
 					</div>
 
 					<div class="form-group">
@@ -38,13 +38,13 @@
 						</select>
 					</div>
 
-					<div class="form-group">
+					<!-- <div class="form-group">
 						<label for="partylist_id">Partylist</label>
 						<select class="form-control" name="partylist_id">
 							<option value="">--- Select Partylist (Optional) ---</option>
 							<option v-for="partylist in data.partylists" :value="partylist.id">{{ partylist.name }}</option>
 						</select>
-					</div>
+					</div> -->
 
                     <div id="imagePreview">
                         <img :src="imageUrl" v-if="imageUrl" alt="Preview">

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

@@ -28,13 +28,13 @@
 				</div>
 
 				<div class="form-group">
-					<label for="motto">Motto</label>
-					<input type="text" name="motto" class="form-control" :value="nominee.motto" placeholder="(Optional)" />
+					<label for="education">Taraf Pendidikan</label>
+					<input type="text" name="education" class="form-control" :value="nominee.education" placeholder="(Optional)" />
 				</div>
 
 				<div class="form-group">
-					<label for="description">Description</label>
-					<textarea name="description" class="form-control" placeholder="(Optional)">{{ nominee.description}}</textarea>
+					<label for="experience">Pengalaman Kerja </label>
+					<textarea name="experience" class="form-control" placeholder="(Optional)">{{ nominee.experience}}</textarea>
 				</div>
 
 				<div class="form-group">
@@ -131,7 +131,7 @@ export default{
 					$.notifyClose();
 					vm.loading = false;
 					if (vm.util.showResult(response, 'success', 'ajax'))
-						vm.$router.push({name: 'Maklumat Calon'});
+						vm.$router.push({name: 'Maklumat Calon',query:{refresh:true}});
 				},
 				error: function (error) {
 					$.notifyClose();
@@ -139,7 +139,7 @@ export default{
 					vm.util.showResult(error, 'error', 'ajax');
 				},
 				uploadProgress: function (a, b, c, progress) {
-					vm.util.notify('Updating Nominee', 'progress', progress);
+					this.util.notify('Updating nominee', 'progress', progress);
 				}
 			})
 		}

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

@@ -1,103 +1,88 @@
 <template>
-<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
-				replace
-				:class="{'active':position_id==0}">
-				Senarai Jawatan
-			</router-link>
-			<router-link
-				v-for="position in data.positions"
-				:key="position.id"
-				tag="li"
-				class="list-group-item"
-				:to="{query: {position_id:position.id}}"
-				exact
-				replace>
-				{{ position.name }}
-			</router-link>
-		</ul>
-	</div>
-	<div class="col-md-9 panel panel-default">
-		<div class="panel-body table-responsive">
-			<div class="form-group">
-				<router-link :to="{name: 'Tambah Calon', query:{position_id:position_id}}" class="btn btn-success"><i class="fa fa-plus"></i> Tambah Calon</router-link>
-			</div>
-			<table class="table table-hover">
-				<thead>
-					<tr>
-						<th>Id</th>
-						<th>Nama</th>
-						<th>No. Anggota</th>
-						<th>Unit</th>
-						<th>Jawatan</th>
-						<!-- <th>Partylist</th> -->
-						<th>Maklumat</th>
-						<th>Tindakan</th>
-						
-					</tr>
-				</thead>
-				<tbody>
-					<tr v-for="nominee in nominees">
-						<td>
-							<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>
-						<td>{{ nominee.unit}}</td>
-						<td>{{ nominee.position}}</td>
-						<td>Papar</td>
-						<td>
+	<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 replace
+					:class="{ 'active': position_id == 0 }">
+					Senarai Jawatan
+				</router-link>
+				<router-link v-for="position in data.positions" :key="position.id" tag="li" class="list-group-item"
+					:to="{ query: { position_id: position.id } }" exact replace>
+					{{ position.name }}
+				</router-link>
+			</ul>
+		</div>
+		<div class="col-md-9 panel panel-default">
+			<div class="panel-body table-responsive">
+				<div class="form-group">
+					<router-link :to="{ name: 'Tambah Calon', query: { position_id: position_id } }"
+						class="btn btn-success"><i class="fa fa-plus"></i> Tambah Calon</router-link>
+				</div>
+				<table class="table table-hover">
+					<thead>
+						<tr>
+							<th>Id</th>
+							<th>Nama</th>
+							<th>No. Anggota</th>
+							<th>Unit</th>
+							<th>Jawatan</th>
+							<!-- <th>Partylist</th> -->
+							<th>Taraf Pendidikan </th>
+							<th>Pengalaman Kerja</th>
+							<th>Tindakan</th>
+
+						</tr>
+					</thead>
+					<tbody>
+						<tr v-for="nominee in nominees">
+							<td>
+								<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>
+							<td>{{ nominee.unit }}</td>
+							<td>{{ nominee.position }}</td>
+							<td>{{ nominee.education }}</td>
+							<td>{{ nominee.experience }}</td>
 
 
-							<router-link :to="{name: 'Edit Nominee', params:{id:nominee.id}}" class="btn btn-primary">
+
+							<router-link :to="{ name: 'Edit Nominee', params: { id: nominee.id } }"
+								class="btn btn-primary">
 								<i class="fa fa-edit"></i> Edit
 							</router-link>
-							<button 
-							
-								class="btn btn-danger" 
-								@click="util.showModal('#delete-nominee-modal');id=nominee.id">
+							<button class="btn btn-danger" @click="util.showModal(nominee.id)" id=nominee.id>
 								<i class="fa fa-trash"></i> Padam
 							</button>
-						</td>
-					</tr>
-					<tr v-if="nominees.length < 1">
-						<td colspan="7">No Calon</td>
-					</tr>
-				</tbody>
-			</table>
+							</td>
+						</tr>
+						<tr v-if="nominees.length < 1">
+							<td colspan="7">No Calon</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
 		</div>
-	</div>
 
-	<modal id="delete-nominee-modal">
-		<modal-header>Padam Calon</modal-header>
-		<modal-body>
-			<h3>Are you sure to delete this nominee?</h3>
-		</modal-body>
-		<modal-footer>
-			<button class="btn btn-danger" @click="deleteNominee()">Delete</button>
-			<button class="btn btn-default" @click="util.hideModal('#delete-nominee-modal')">
-				Back
-			</button>
-		</modal-footer>
-	</modal>
-</div>
+		<modal id="delete-nominee-modal">
+			<modal-header>Padam Calon</modal-header>
+			<modal-body>
+				<h3>Are you sure to delete this nominee?</h3>
+			</modal-body>
+			<modal-footer>
+				<button class="btn btn-danger" @click="deleteNominee()">Delete</button>
+				<button class="btn btn-default" @click="util.hideModal('#delete-nominee-modal')">
+					Kembali
+				</button>
+			</modal-footer>
+		</modal>
+	</div>
 
 </template>
 
 <script>
-export default{
-
-	data() {
-      return {
-        visible: true
-      }
-    },
+export default {
 
 
 	data: function () {
@@ -112,32 +97,33 @@ export default{
 
 	methods: {
 
-		deleteNominee: function () {
-			this.util.hideModal('#delete-nominee-modal');
-			var vm = this;
-			this.util.notify('Deleting nominee', 'loading');
-			axios.delete(config.API+'nominee/'+this.id)
-				 .then(response=>{
-				 	$.notifyClose();
-				 	if(vm.util.showResult(response, 'success'))
-				 	vm.refreshNominee();
-				 })
-				 .catch(error=>{
-				 	$.notifyClose();
-				 	vm.util.showResult(error, 'error');
-				 })
+		deleteNominee(nomineeId) {
+			this.util.hideModal('#delete-nominee-modal'); // Hide modal
+			this.util.notify('Deleting nominee', 'loading'); // Show loading notification
+
+			axios.delete(config.API + 'nominee/' + nomineeId) // Make DELETE request
+				.then(response => {
+					$.notifyClose(); // Close notification
+					if (this.util.showResult(response, 'success')) { // Show success notification
+						this.refreshNominee(); // Refresh the list of nominees
+					}
+				})
+				.catch(error => {
+					$.notifyClose(); // Close notification
+					this.util.showResult(error, 'error'); // Show error notification
+				})
 		},
-		
+
 		refreshNominee: function () {
 			var vm = this;
 			this.util.notify('Refreshing Nominees', 'loading');
-			axios.get(config.API+'nominee')
-				.then(response=>{
+			axios.get(config.API + 'nominee')
+				.then(response => {
 					$.notifyClose();
 					console.log(response);
 					vm.data.nominees = response.data;
 				})
-				.catch(error=>{
+				.catch(error => {
 					$.notifyClose();
 					vm.showResult(error);
 				})
@@ -145,7 +131,7 @@ export default{
 
 		getPosition: function (id) {
 			var positions = this.data.positions;
-			for (var i in positions) 
+			for (var i in positions)
 				if (positions[i].id == id)
 					return positions[i]['name'];
 		},
@@ -158,9 +144,9 @@ export default{
 			return 'No partylists';
 		},
 
-        createBase64ImageUrl: function(base64ImageData) {
-            return "data:image/png;base64," + base64ImageData;
-        }
+		createBase64ImageUrl: function (base64ImageData) {
+			return "data:image/png;base64," + base64ImageData;
+		}
 	},
 
 	computed: {
@@ -186,6 +172,4 @@ export default{
 </script>
 
 
-<style>
-
-</style>
+<style></style>

resources/assets/js/components/demo/admin/voter/voter.vue

@@ -8,7 +8,7 @@
 <script>
 export default{
 	created: function () {
-		this.util.setTitle('Voting System - Maklumat Pengundi');
+		this.util.setTitle('MyKoPKB - Maklumat Pengundi');
 	}
 }
 </script> 

resources/assets/js/components/demo/voter/home/index.vue

@@ -43,8 +43,9 @@
 						<tr>
 							<th></th>
 							<th>Name</th>
-							<th>Partylist</th>
 							<th>Unit</th>
+							<th>Taraf Pendidikan</th>
+							<th>Pengalaman Kerja </th>
 						</tr>
 					</thead>
 					<tbody>
@@ -56,8 +57,9 @@
 									style="height: 60px;width: 60px;" />
 							</td>
 							<td>{{ nominee.name }}</td>
-							<td>{{ getPartylist(nominee.partylist_id) }}</td>
-							<td>{{ nominee.unit }}</td>
+							<td>{{ nominee.unit  }}</td>
+							<td>{{ nominee.education}}</td>
+							<td>{{ nominee.experience}}</td>
 						</tr>
 					</tbody>
 				</table>
@@ -75,8 +77,8 @@
 						<h3><strong><em>"{{ x.motto }}"</em></strong></h3>
 						<b> Name : </b>{{ x.name }}<br/>
 						<b> Unit : </b>{{ x.unit }}<br/>
-						<b> Partylist : </b>{{ getPartylist(x.partylist_id) }}<br/><hr/>
-						{{ x.description }}
+						<b> education : </b>{{ getPartylist(x.education) }}<br/><hr/>
+						{{ x.experience }}
 					</div>
 				</div>
 			</modal-body>

resources/assets/js/components/demo/voter/home/zoom.vue

@@ -7,7 +7,8 @@
           
             </div><hr>
 
-                    <CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB KALI KE-27/2023</h4></CENTER>
+                    <CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB 
+                    <br> KALI KE-27/2023  </h4></CENTER>
 
                     <div class ="centered-button">
                         <button class="btn btn-primary" @click=" navigateToURL">Klik pada pautan berikut >></button>

resources/assets/js/components/demo/voter/index.vue

@@ -9,7 +9,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>	
-					<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
+					<a class="navbar-brand" :href="data.baseURL" > <img src='https://i.postimg.cc/ZBDD0ZfQ/Whats-App-Image-2024-03-21-at-1-24-46-PM-2.jpg' border='0' alt="MyKoPKB Logo"></a>
 				</div>
 				<div class="collapse navbar-collapse" id="myNavbar">
 

resources/assets/js/components/demo/voter/login.vue

@@ -1,34 +1,46 @@
 <template>
-<div class="col-md-5 col-md-offset-3">
-	<div class="panel panel-default">
-		<div class="panel-heading">
-			<h4>Selamat Datang!</h4>
-		</div>
+	<div class="col-md-5 col-md-offset-3">
+		<div class="panel panel-default">
 
-		<div class="panel-body">
-			<form @submit.prevent="login" id="login_form">
+			<div class="text-center">
 
-				<div class="form-group">
-					<label for="no_kp">Masukkan No. Kad Pengenalan!</label>
-					<input type="text" name="no_kp" class="form-control" required/>
+				<div class="panel-heading">
+					<img id="logo" alt="Logo">
+					<h4>Selamat Datang ke MyKoPKB eVoting System !</h4>
 				</div>
+			</div>
+			<div class="panel-body">
+				<form @submit.prevent="login" id="login_form">
 
-				<div class="form-group">
-					<input 
-						type="submit" 
-						class="btn btn-primary form-control"
-						value="Login"/>
-				</div>
+					<div class="form-group">
+						<label for="no_kp">Sila Masukkan No. Kad Pengenalan</label>
+						<input type="text" name="no_kp" placeholder="masukkan no .k/p" class="form-control" required />
+					</div>
+
+					<div class="form-group">
+						<input type="submit" class="btn btn-primary form-control" value="Masuk" />
+					</div>
+
+				</form>
+			</div>
 
-			</form>
 		</div>
-
 	</div>
-</div>
 </template>
 
 <script>
-export default{
+
+
+// JavaScript to set the image source
+document.addEventListener('DOMContentLoaded', function () {
+	// Select the image element by its ID
+	var logoImage = document.getElementById('logo');
+	// Set the source of the image dynamically
+	logoImage.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS62as3fVF6AdC6CZhfSIG4GCDBSzS3YyhlJg&s'; // Replace this URL with your desired image URL
+});
+
+
+export default {
 
 	data: function () {
 		return {
@@ -39,22 +51,22 @@ export default{
 	created: function () {
 		if (this.util.isLogin())
 			//return this.$router.push({name:'Admin Home'})
-		this.util.setTitle('Voter Login');
+			this.util.setTitle('Log Masuk Pengundi=====');
 	},
 
 	methods: {
-		login: function(){
-			axios.post(config.API+'voter/login', $('#login_form').serialize())
-			.then(response => {
-				this.stopLoading();
-				if (this.util.showResult(response, 'success')) {
-						this.$router.push({ name: 'Voter Verify',params: {'nokp' : response.data.nokp,'notel' : response.data.notel} })
-				}
-			})
-			.catch(error => {
-				vm.stopLoading();
-				this.util.showResult(error, 'error');
-			})
+		login: function () {
+			axios.post(config.API + 'voter/login', $('#login_form').serialize())
+				.then(response => {
+					this.stopLoading();
+					if (this.util.showResult(response, 'success')) {
+						this.$router.push({ name: 'Voter Verify', params: { 'nokp': response.data.nokp, 'notel': response.data.notel } })
+					}
+				})
+				.catch(error => {
+					vm.stopLoading();
+					this.util.showResult(error, 'error');
+				})
 		},
 		startLoading: function () {
 			this.util.notify('Logging in', 'loading');
@@ -67,11 +79,41 @@ export default{
 		}
 	},
 
-}
+
+};
+
 </script>
 
 <style>
 body {
 	padding: 50px 5px;
+	/* background-color:; */
+
 }
-</style>
+
+.logo {
+	width: 200px;
+	/* Adjust width as needed */
+	height: auto;
+	object-fit: cover;
+
+}
+
+.form-control {
+
+border-radius: 0.80rem;
+cursor: pointer;
+
+}
+
+.btn-primary:hover {
+
+	background-color:#A7D397;
+color: #f3f6f8; /* Change text color on hover */
+text-shadow : 2px 2px 8px rgba(0, 0, 0, 0.5);
+
+
+}
+
+
+</style>

resources/assets/js/components/mycomponents/modal/header.vue

@@ -4,3 +4,5 @@
 	<h4><slot></slot></h4>
 </div>
 </template>
+
+

resources/views/admin.blade.php

@@ -3,7 +3,7 @@
 <head lang="en">
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Voting System - Administrator</title>
+	<title>MyKoPKB - Administrator</title>
 	<link rel="stylesheet" href="{{ asset('css/app.css') }}">
 </head>
 <body>

resources/views/index.blade.php

@@ -2,7 +2,7 @@
 <html>
 <head lang="en">
 	<meta charset="UTF-8">
-	<title>Voting System</title>
+	<title>MyKoPKB == eVoting System</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">