Add Create NAR/Hub buttons when looking for Hubs

They should show up whenever "Hub" is in the selected Mode

Author: f-osorio

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

@@ -117,11 +117,11 @@
       // array of the pssobile groups from the stlyes
 
       ...mapState(useConfigStore, ['lookupConfig']),
-      ...mapState(useProfileStore, ['returnComponentByPropertyLabel', 'duplicateComponentGetId', 'isEmptyComponent']),
+      ...mapState(useProfileStore, ['returnComponentByPropertyLabel', 'duplicateComponentGetId', 'isEmptyComponent', 'returnLccInfo']),
 
       ...mapState(usePreferenceStore, ['diacriticUseValues', 'diacriticUse','diacriticPacks', 'lastComplexLookupString']),
 
-      ...mapWritableState(useProfileStore, ['lastComplexLookupString','showNacoStubCreateModal', 'activeNARStubComponent', 'activeProfile', 'setValueLiteral']),
+      ...mapWritableState(useProfileStore, ['lastComplexLookupString','showNacoStubCreateModal', 'activeNARStubComponent', 'activeProfile', 'setValueLiteral', 'activeHubStubData', 'activeHubStubComponent', 'showHubStubCreateModal']),
 
 
 
@@ -884,15 +884,46 @@
         }
       },
 
-      displayProvisonalNAR(){
+      displayHubButton(){
+        if (this.modeSelect.includes('Hubs')){
+          return true
+        }
 
+        return false
+      },
 
+      displayProvisonalNAR(){
         if (this.structure && this.structure.valueConstraint && this.structure.valueConstraint.useValuesFrom && this.structure.valueConstraint.useValuesFrom.length>0 && this.structure.valueConstraint.useValuesFrom.join(' ').indexOf('id.loc.gov/authorities/names')>-1){
           return true
         }
+        if (this.modeSelect.includes('Hubs')){
+          return true
+        }
+
         return false
       },
 
+
+      loadHubStubModal(){
+        // console.log(this.guid)
+        let info = this.returnLccInfo(this.guid)
+        console.log("info",info)
+        this.activeHubStubData = info
+        this.activeHubStubComponent = {
+          type: this.type,
+          guid: this.guid,
+          fieldGuid: this.fieldGuid,
+          structure: this.structure,
+          type: this.type,
+          propertyPath:this.propertyPath
+        }
+
+        this.$emit('hideComplexModal')
+
+        this.showHubStubCreateModal = true
+
+      },
+
       loadNacoStubModal(){
         // Set the current value for NAR creation
         this.lastComplexLookupString = this.searchValueLocal
@@ -1190,6 +1221,7 @@
 
               <!-- REMOVE v-if BEFORE PROD USAGE -->
               <button @click="loadNacoStubModal" style="float: right;" v-if="displayProvisonalNAR() == true">Create NAR</button>
+              <button @click="loadHubStubModal" style="float: right;" v-if="displayHubButton() == true">Create Hub</button>
 
               <hr style="margin-top: 5px;">
               <div>

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

@@ -1952,6 +1952,8 @@
                     <option class="preset-option" value="1102#and 4102#">"1102 " &amp; "4102 "</option>
                     <option class="preset-option" value="1112#">"1112 "</option>
                     <option class="preset-option" value="1112#and 4112#">"1112 " &amp; "4112 "</option>
+                    <option class="preset-option" value="130##">"130##"</option>
+                    <option class="preset-option" value="430#and 430##">"130##" &amp; "430##"</option>
                     <option class="preset-option" value="151##">"151##"</option>
                     <option class="preset-option" value="151##and 451##">"151## &amp; 451##"</option>
 

src/lib/utils_network.js

@@ -3387,6 +3387,7 @@ const utilsNetwork = {
 
     let uuid = translator.toUUID(translator.new())
 
+
     const rawResponse = await fetch(url, {
       method: 'POST',
       headers: {