From 615dff66fcd021a8324c59c7ca21d029076ca4c2 Mon Sep 17 00:00:00 2001
From: Mohd Arief <ariefsohaimi@gmail.com>
Date: Thu, 9 Aug 2018 16:47:04 +0800
Subject: [PATCH] fixed the marking bug

---
 resources/assets/js/pages/auth/register.vue               | 8 +++++++-
 .../assets/js/pages/settings/admin-marking-setting.vue    | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/auth/register.vue b/resources/assets/js/pages/auth/register.vue
index c6609c44..1b13c2c0 100644
--- a/resources/assets/js/pages/auth/register.vue
+++ b/resources/assets/js/pages/auth/register.vue
@@ -8,7 +8,7 @@
 						<div class="form-group row">
 							<label class="col-md-3 col-form-label text-md-right">{{ $t('Marking') }}</label>
 							<div class="col-md-7">
-								<input v-model="form.marking" :class="{ 'is-invalid': form.errors.has('marking') }" class="form-control" type="text" name="marking">
+								<input style="text-transform: uppercase;" v-model="form.marking" :class="{ 'is-invalid': form.errors.has('marking') }" class="form-control" @input="forceUppercase($event, form, 'marking')" type="text" name="marking">
 								<has-error :form="form" field="marking"/>
 							</div>
 						</div>
@@ -108,6 +108,12 @@ export default {
 
 
 	methods: {
+		forceUppercase(e, o, prop) {
+				const start = e.target.selectionStart;
+				e.target.value = e.target.value.toUpperCase();
+				this.$set(o, prop, e.target.value);
+				e.target.setSelectionRange(start, start);
+		},
 		async register () {
 			var token
 			var data 
diff --git a/resources/assets/js/pages/settings/admin-marking-setting.vue b/resources/assets/js/pages/settings/admin-marking-setting.vue
index 491c9aa2..34e8924f 100644
--- a/resources/assets/js/pages/settings/admin-marking-setting.vue
+++ b/resources/assets/js/pages/settings/admin-marking-setting.vue
@@ -19,7 +19,7 @@
 				<el-form ref="markingForm" :model="markingForm" :rules="rules">
 			      <div align="right">
 			        <el-form-item label="Marking" prop="marking">
-			          <el-input v-model="markingForm.marking" type="text" style="width: 80%" />
+			          <input style="width: 80%; text-transform: uppercase;" v-model="markingForm.marking" class="form-control" @input="forceUppercase($event, markingForm, 'marking')" type="text"  />
 			        </el-form-item>
 			        <el-form-item label="Email" prop="email">
 			          <el-input v-model="markingForm.email" type="text" style="width: 80%" />
@@ -109,6 +109,12 @@
 	    	this.UpdateTableData();
 	    },
 		methods: {
+			forceUppercase(e, o, prop) {
+				const start = e.target.selectionStart;
+				e.target.value = e.target.value.toUpperCase();
+				this.$set(o, prop, e.target.value);
+				e.target.setSelectionRange(start, start);
+			},
 			CreateMarking : function(formName){	
 				this.loading_btn = true
 				this.AddDatadialogVisible = false;