Проинтегрировал скоринг

Добавил не большие улучшения интерфейса

popup/src/classes/DTO/Registers.ts

@@ -1,5 +1,15 @@
 export class Registers {
   xtee_mta = ''
   ria = ''
+  scoring = ''
   xtee_pension = ''
+
+  reset () {
+    // eslint-disable-next-line @typescript-eslint/camelcase
+    this.xtee_mta = ''
+    this.ria = ''
+    this.scoring = ''
+    // eslint-disable-next-line @typescript-eslint/camelcase
+    this.xtee_pension = ''
+  }
 }

popup/src/components/mocks/script.ts

@@ -29,6 +29,8 @@ export default class Mocks extends Vue {
 
   @Watch('personalCode', { immediate: true })
   onPersonalCodeChanged () {
+    this.registers.reset()
+    this.showLoader = false
     this.refreshMocks()
   }
 

popup/src/components/mocks/style.scss

@@ -2,6 +2,10 @@
   width: 350px;
 }
 
+.mock-service__select {
+  margin-bottom: 5px;
+}
+
 .lds-grid {
   display: inline-block;
   position: relative;

popup/src/components/mocks/template.html

@@ -1,8 +1,8 @@
 <div>
     <div v-if="showLoader" class="lds-grid"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
     <div v-if="!showLoader">
-        <div>
-            <div>XTEE MTA</div>
+        <div class="mock-service__select">
+            <div>MTA</div>
             <div>
                 <select class="option-select" v-model="registers.xtee_mta" @change="onServiceChanged('xtee_mta')">
                     <option value="-1">-</option>
@@ -19,8 +19,8 @@
                 </select>
             </div>
         </div>
-        <div>
-            <div>XTEE RIA</div>
+        <div class="mock-service__select">
+            <div>Ria</div>
             <div>
                 <select class="option-select" v-model="registers.ria" @change="onServiceChanged('ria')">
                     <option value="-1">-</option>
@@ -31,6 +31,21 @@
                 </select>
             </div>
         </div>
+        <div class="mock-service__select">
+            <div>Scoring</div>
+            <div>
+                <select class="option-select" v-model="registers.scoring" @change="onServiceChanged('scoring')">
+                    <option value="-1">-</option>
+                    <option value="0">Не замокано</option>
+                    <option value="1">A</option>
+                    <option value="2">B</option>
+                    <option value="3">C</option>
+                    <option value="4">D</option>
+                    <option value="5">E</option>
+                    <option value="6">F</option>
+                </select>
+            </div>
+        </div>
         <br />
         <button v-if="'add' === mode" @click="saveMocks">Сохранить моки</button>
     </div>