From a2534036d2dd0434e53a87498b9708d03e88b334 Mon Sep 17 00:00:00 2001
From: emilyu2003 <76736029+emilyu2003@users.noreply.github.com>
Date: Sun, 16 Oct 2022 14:41:31 +0800
Subject: [PATCH] fix bug: register CodeName RE check

---
 frontend/src/views/HelloWorld.vue |   4 +-
 frontend/src/views/register.vue   | 106 ++++++++++++++++++------------
 2 files changed, 66 insertions(+), 44 deletions(-)

diff --git a/frontend/src/views/HelloWorld.vue b/frontend/src/views/HelloWorld.vue
index 32b56c8..a334323 100644
--- a/frontend/src/views/HelloWorld.vue
+++ b/frontend/src/views/HelloWorld.vue
@@ -181,7 +181,7 @@ const handleReject = (index: number, row: User) => {
           <span> avatar </span>
         </div>
         <div class="userinfo">
-          <span class="font-bold text-xs"> NAME: {{  }} </span>
+          <span class="font-bold text-xs"> NAME: {{ $store.state.user.CodeName }} </span>
         </div>
         <el-menu
             default-active="2"
@@ -276,7 +276,7 @@ const handleReject = (index: number, row: User) => {
           <br/>
           <span class="text-xm " style="margin-left: 10%"> {{ greetings }} ,</span>
           <span class="text-xl font-extrabold"
-                style="margin-left: 0.5%; margin-right: 0.5%"> {{}} </span>
+                style="margin-left: 0.5%; margin-right: 0.5%"> {{ $store.state.user.CodeName }} </span>
           <span class="text-xm">.</span>
           <br/>
           <span class="text-xm test-bold" style="margin-left: 10%">Welcome to the new world.</span>
diff --git a/frontend/src/views/register.vue b/frontend/src/views/register.vue
index d7d227f..c9420ca 100644
--- a/frontend/src/views/register.vue
+++ b/frontend/src/views/register.vue
@@ -6,7 +6,7 @@
   <div class="input-box">
     <el-form :model="form" label-width="120px">
       <el-form-item label="CodeName">
-        <el-input v-model="form.CodeName"/>
+        <el-input v-model="form.CodeName" @blur="checkSyntax(form.CodeName)"/>
       </el-form-item>
       <el-form-item label="Password">
         <el-input v-model="form.Password" :show-password="true"/>
@@ -28,12 +28,12 @@
       </el-form-item>
       <el-form-item label="Region">
         <el-select v-model="form.Region" placeholder="please select your zone">
-          <el-option v-for="op in region_options" :label="op.zhcn" :value="op.eng" />
+          <el-option v-for="op in region_options" :label="op.zhcn" :value="op.eng"/>
         </el-select>
       </el-form-item>
       <el-form-item label="Race">
         <el-select v-model="form.Race" placeholder="please select your zone">
-          <el-option v-for="op in race_options" :label="op.zhcn" :value="op.eng" />
+          <el-option v-for="op in race_options" :label="op.zhcn" :value="op.eng"/>
         </el-select>
       </el-form-item>
       <el-form-item label="Description">
@@ -69,10 +69,12 @@ import {useRouter} from "vue-router";
 import {register} from "../api/manager";
 import {NOTATION} from "../composable/utils";
 import {reactive} from "@vue/reactivity";
-import { ref } from "vue";
+import {ref} from "vue";
 
 const router = useRouter()
 
+let registerFlag = ref(1)
+
 const form = reactive({
   CodeName: '',
   Password: '',
@@ -87,9 +89,29 @@ const back = () => {
   router.push("/login")
 }
 
+const checkSyntax = (str) => {
+  const pattern = /^[A-za-z0-9][A-za-z0-9'.\s]*$/
+  if (str !== '') {
+    if (!pattern.test(str)) {
+      NOTATION(0, 'contains only alnum and \' and space')
+      registerFlag.value = 0
+    } else {
+      registerFlag.value = 1
+    }
+  } else {
+    registerFlag.value = 0
+    NOTATION(0, 'CodeName couldn\'t be null')
+  }
+}
+
 const onSubmit = () => {
+  if (form.Password === '') {
+    NOTATION(0, "passwords not null")
+  }
   if (form.Password !== form.PwConfirm) {
     NOTATION(0, "passwords do not coordinate")
+  } else if (!registerFlag.value) {
+    NOTATION(0, "please check your CodeName")
   } else {
     register(form)
         .then(res => {
@@ -115,47 +137,47 @@ const onSubmit = () => {
 }
 
 const region_options = ref([
-  { zhcn: '炎', eng: 'Yan'},
-  { zhcn: '哥伦比亚', eng: 'Columbia'},
-  { zhcn: '卡西米尔', eng: 'Kazimierz'},
-  { zhcn: '谢拉格', eng: 'Kjerag'},
-  { zhcn: '拉特兰', eng: 'Laterano'},
-  { zhcn: '莱塔尼亚', eng: 'Leithanien'},
-  { zhcn: '雷姆必拓', eng: 'Rim Billiton'}, 
-  { zhcn: '萨米', eng: 'Sami'},
-  { zhcn: '米诺斯', eng: 'Minos'},
-  { zhcn: '玻利瓦尔', eng: 'Bolívar'},
-  { zhcn: '萨尔贡', eng: 'Sargon'},
-  { zhcn: '叙拉古', eng: 'Siracusa'},
-  { zhcn: '维多利亚', eng: 'Victoria'},
-  { zhcn: '卡兹戴尔', eng: 'Kazdel'},
-  { zhcn: '伊比利亚', eng: 'Iberia'},
-  { zhcn: '阿戈尔', eng: 'Ægir'}
+  {zhcn: '炎', eng: 'Yan'},
+  {zhcn: '哥伦比亚', eng: 'Columbia'},
+  {zhcn: '卡西米尔', eng: 'Kazimierz'},
+  {zhcn: '谢拉格', eng: 'Kjerag'},
+  {zhcn: '拉特兰', eng: 'Laterano'},
+  {zhcn: '莱塔尼亚', eng: 'Leithanien'},
+  {zhcn: '雷姆必拓', eng: 'Rim Billiton'},
+  {zhcn: '萨米', eng: 'Sami'},
+  {zhcn: '米诺斯', eng: 'Minos'},
+  {zhcn: '玻利瓦尔', eng: 'Bolívar'},
+  {zhcn: '萨尔贡', eng: 'Sargon'},
+  {zhcn: '叙拉古', eng: 'Siracusa'},
+  {zhcn: '维多利亚', eng: 'Victoria'},
+  {zhcn: '卡兹戴尔', eng: 'Kazdel'},
+  {zhcn: '伊比利亚', eng: 'Iberia'},
+  {zhcn: '阿戈尔', eng: 'Ægir'}
 ])
 
 const race_options = ref([
-  { zhcn: '龙', eng: 'Lung'},
-  { zhcn: '黎博利', eng: 'Liberi'},
-  { zhcn: '鲁珀', eng: 'Lupo'},
-  { zhcn: '鬼', eng: 'Oni'},
-  { zhcn: '阿达克利斯', eng: 'Archosauria'},
-  { zhcn: '萨科塔', eng: 'Sankta'},
-  { zhcn: '萨卡兹', eng: 'Sarkaz'},
-  { zhcn: '菲林', eng: 'Feline'},
-  { zhcn: '瓦伊凡', eng: 'Vouivre'},
-  { zhcn: '德拉克', eng: 'Draco'},
-  { zhcn: '沃尔珀', eng: 'Vulpo'},
-  { zhcn: '杜林', eng: 'Durin'},
-  { zhcn: '札拉克', eng: 'Zalak'},
-  { zhcn: '库兰塔', eng: 'Kuranta'},
-  { zhcn: '卡特斯', eng: 'Cautus'},
-  { zhcn: '卡普里尼', eng: 'Caprinae'},
-  { zhcn: '佩洛', eng: 'Perro'},
-  { zhcn: '丰蹄', eng: 'Forte'},
-  { zhcn: '乌萨斯', eng: 'Ursus'},
-  { zhcn: '阿斯兰', eng: 'Aslan'},
-  { zhcn: '麒麟', eng: 'Kylin'},
-  { zhcn: '阿戈尔', eng: 'Ægir'}
+  {zhcn: '龙', eng: 'Lung'},
+  {zhcn: '黎博利', eng: 'Liberi'},
+  {zhcn: '鲁珀', eng: 'Lupo'},
+  {zhcn: '鬼', eng: 'Oni'},
+  {zhcn: '阿达克利斯', eng: 'Archosauria'},
+  {zhcn: '萨科塔', eng: 'Sankta'},
+  {zhcn: '萨卡兹', eng: 'Sarkaz'},
+  {zhcn: '菲林', eng: 'Feline'},
+  {zhcn: '瓦伊凡', eng: 'Vouivre'},
+  {zhcn: '德拉克', eng: 'Draco'},
+  {zhcn: '沃尔珀', eng: 'Vulpo'},
+  {zhcn: '杜林', eng: 'Durin'},
+  {zhcn: '札拉克', eng: 'Zalak'},
+  {zhcn: '库兰塔', eng: 'Kuranta'},
+  {zhcn: '卡特斯', eng: 'Cautus'},
+  {zhcn: '卡普里尼', eng: 'Caprinae'},
+  {zhcn: '佩洛', eng: 'Perro'},
+  {zhcn: '丰蹄', eng: 'Forte'},
+  {zhcn: '乌萨斯', eng: 'Ursus'},
+  {zhcn: '阿斯兰', eng: 'Aslan'},
+  {zhcn: '麒麟', eng: 'Kylin'},
+  {zhcn: '阿戈尔', eng: 'Ægir'}
 ])
 
 </script>