Merge pull request #721 from lcnetdev/nar-tag-checkwq

Add check for tags

Author: f-osorio

src/components/panels/edit/modals/NacoStubCreateModal.vue

@@ -130,6 +130,10 @@
           return true
         }
 
+        if (!this.goodTags()){
+          return true
+        }
+
         if (this.preferenceStore.returnValue('--b-edit-complex-nar-advanced-mode') && !this.good670()){
           return true
         }
@@ -222,6 +226,12 @@
         return good
       },
 
+      // Check that tag fields aren't empty
+      goodTags: function(){
+        let good = this.extraMarcStatements.every((row) => row.fieldTag.length == 3)
+        return good
+      },
+
         dragResize: function(newRect){
 
           this.width = newRect.width
@@ -2057,6 +2067,18 @@
                 <div>
                   <div class="error-info-title">Other Checks:</div>
 
+                  <template v-if="goodTags()">
+                        <div>
+                          <span class="material-icons unique-icon">check</span>
+                          <span class="not-unique-text">All Tags Present</span>
+                        </div>
+                  </template>
+                  <template v-else>
+                    <div>
+                          <span class="material-icons not-unique-icon">cancel</span>
+                          <span class="not-unique-text">Tag Missing</span><span data-tooltip="Add missing Tag in the red field" class="simptip-position-left"><span class="material-icons help-icon">help</span></span>
+                        </div>
+                  </template>
 
                   <template v-if="goodIndicators()">
                         <div>
@@ -2179,7 +2201,7 @@
                       v-model="row.fieldTag"
                       maxlength="3"
                       placeholder="TAG"
-                      :class="['extra-marc-tag', {'literal-bold': preferenceStore.returnValue('--b-edit-main-literal-bold-font')}]"
+                      :class="['extra-marc-tag', {'literal-bold': preferenceStore.returnValue('--b-edit-main-literal-bold-font'), 'missing-indicators': row.fieldTag.length != 3}]"
                       :style="`margin-right: 1em; width: 50px; font-size: ${preferenceStore.returnValue('--n-edit-main-literal-font-size')}; color: ${preferenceStore.returnValue('--c-edit-main-literal-font-color')};`"
                     />
                     <input
@@ -2202,6 +2224,7 @@
 
 
                     <button v-if="extraMarcStatements.length-1 != index" @click="removeRow($event,index)"  style="margin-left: 0.1em;" data-tooltip="Remove Row" class="simptip-position-left" > - </button>
+                    <button v-if="extraMarcStatements.length-1 == index && index != 0" @click="removeRow($event,index)" style="margin-left: 1em;">-</button>
                     <button v-if="extraMarcStatements.length-1 == index" @click="addRow" style="margin-left: 1em;">Add Row</button>
                   </div>
                 </div>