initialize project

2024-02-08 09:30:14 +08:00
commit 25d85dac75
206 changed files with 50977 additions and 0 deletions
@@ -0,0 +1,204 @@
+const methods = {
+	/**
+	 * Hide Modal
+	 * @param 	{String} 	Modal ID
+	 *
+	 */
+	hideModal: function (id) {
+		$(id).modal('hide');
+	},
+
+	/**
+	 * Check if Login
+	 *
+	 * @return 	{Boolean}	isLogin
+	 */
+	isLogin: function () {
+		return localStorage['Access Token'] ? true : false;
+	},
+
+	/**
+	 * Log a messages
+	 * @param 	{String}	Message
+	 *
+	 */
+	log: function (message) {
+		if (config.debug) console.log(message);
+	},
+
+	/**
+	 * Show an alert message
+	 * @param {String}		message to be Shown
+	 * @param {String}		type of message (info|error|loading|success)
+	 * @param {Boolean}		if message will be closed imediately (true|false)
+	 * @return {Notify}		
+	 */
+	notify: function (message, label = 'info', progress) {
+
+		let delay = 5000;
+		let type = 'info';
+		let icon = 'fa fa-info';
+
+		switch (label) {
+			case 'error':
+				type = 'danger';
+				icon = 'fa fa-warning';
+				break;
+			case 'loading':
+				delay = 0;
+				icon = 'fa fa-refresh fa-spin';
+				break;
+			case 'success':
+				type = 'success';
+				icon = 'fa fa-check';
+				break;
+			case 'progress':
+				$.notifyClose();
+				delay = 0;
+				message = `<label>${message}</label>
+							<div class="progress">
+								<div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="${progress}" aria-valuemin="0" aria-valuemax="100" style="width: ${progress}%">
+								</div>
+							</div>`;
+				icon = 'fa fa-refresh fa-spin';		
+				break;
+		}
+
+		return $.notify({
+			message: message,
+			icon: icon
+		}, {
+			type: type,
+			delay: delay,
+			placement: {from: 'top', align: 'center'}
+		});
+	},
+
+
+	/** 
+	 * Set Authorization for all outgoing request
+	 * 
+	 */
+	setAuthorization: function () {
+		axios.defaults.headers.common['Authorization'] = localStorage['Access Token'];
+		$.ajaxSetup({headers:{'Authorization': localStorage['Access Token']}});
+	},
+
+
+	/**
+	 * Set the title of the webpage
+	 * @param 	{String}	Title
+	 *
+	 */
+	setTitle: function (title) {
+		$('title').text(title);
+	},
+
+	/**
+	 * Get the error Message
+	 * @param 	{String}	Data
+	 * @param 	{Int}		Response Status
+	 * @return 	{String}	Error Message
+	 */
+	getErrorMessage: function (data, status)
+	{
+		var message = '';
+		switch (status) {
+			case 200:
+				message = data.message;
+				break;
+			case 422: 
+				data = typeof data == 'string' ? JSON.parse(data) : data;
+				for (var i in data) 
+					data[i].map(y=>{message+=y+'<br/>';});
+				break;
+			case 401:
+				message = 'You need to login first.';
+				break;
+			default:
+				message = 'An error occured.';
+				break;
+		}
+		return message;
+	},
+
+	/**
+	 * Show the modal
+	 * @param 	{String}	Modal ID
+	 * 
+	 */
+	showModal: function (id) {
+		$(id).modal('show');
+	},
+
+	/**
+	 * Show result from an http request
+	 * @param 	{Response}	response
+	 * @param 	{Type}		responseType (error|success)
+	 * @param 	{library}	Library used (ajax|axios) 		Default : axios
+	 */
+	showResult: function (response, type, library = 'axios') {
+		this.log (response);
+		var isSuccess = data => data.status == 'success'; 
+		if (library == 'axios') {
+			if (type == 'success') {
+				if (isSuccess(response.data)) {
+					this.notify(response.data.message, 'success');
+					return true;
+				} else {
+					this.notify(response.data.message, 'error');
+				}
+			} else {
+				var status =  response.response ? response.response.status : 500;
+				var message = this.getErrorMessage(response.response.data, status);
+				this.notify(message, 'error');
+				return status;
+			} 
+		} else if (library == 'ajax') {
+			if (type == 'success') {
+				if (isSuccess(response)) {
+					this.notify(response.message, 'success');
+					return true;
+				} else {
+					this.notify(response.message, 'error');
+				}
+			} else if (type == 'error') {
+				var status =  response.status;
+				var message = this.getErrorMessage(response.responseText, status);
+				this.notify(message, 'error');
+				return status;
+			}
+		}
+	}
+}
+
+const data = {
+	baseURL: config.baseURL,
+	API: config.API,
+	storageURL: config.storageURL,
+	elections: [],
+	election: {},
+	user: {},
+	positions: [],
+	position: {},
+	partylists: [],
+	partylist:{},
+	voters:{},
+	voter:{},
+	nominees:[],
+	nominee:{},
+	admins:[],
+	information: {},
+	result: [],
+	results: [],
+	last_update: new Date()
+}
+
+export default {
+	data: function () {
+		return {
+			util: methods,
+			data: data
+		}
+	}
+}