From d636370702b73100af7e2e666437b58e03732c38 Mon Sep 17 00:00:00 2001
From: Milo Thurston <knirirr@gmail.com>
Date: Wed, 2 Jul 2025 14:06:58 +0100
Subject: [PATCH 1/8] Perform advanced search within a collection #2517

---
 .../AdvancedSearchDialogBox.vue               | 29 ++++++++++++++++---
 .../advancedSearch.js                         | 21 ++++++++++++--
 .../AdvancedSearchResultTable.vue             | 16 +++++++++-
 3 files changed, 59 insertions(+), 7 deletions(-)

diff --git a/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue b/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
index 647eec039c..f5a14932f8 100644
--- a/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
+++ b/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
@@ -54,6 +54,11 @@
             <h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             </h2>
+            <h4
+              v-if="searchingCollection"
+            >
+              You are currently searching the within the collection <b>{{ this.currentRecord.fairsharingRecord.name }}</b>.
+            </h4>
             <p style="text-align: center">
               Find out more about our Advanced Search in our
               <a
@@ -144,7 +149,7 @@
 
 <script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -176,6 +181,8 @@ export default {
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -201,6 +208,14 @@ export default {
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &&
+        this.currentRecord.fairsharingRecord  &&
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -247,6 +262,7 @@ export default {
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
+
       return queryValues;
     },
 
@@ -262,10 +278,16 @@ export default {
      * in dialog box
      */
     goToAdvancedSearch() {
+      let idsToSend = [];
+      // These IDs are visible here but disappear when sent to the advancedSearch store,
+      // unless the array is copied this way.
+      this.getCollectionIdsParams.forEach((id) => {
+        idsToSend.push(id);
+      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
+        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
       } else {
-        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
+        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -336,7 +358,6 @@ export default {
         }
       }
     },
-
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
diff --git a/src/store/AdvancedSearchComponents/advancedSearch.js b/src/store/AdvancedSearchComponents/advancedSearch.js
index c5e7d7b241..ed0d2a5b49 100644
--- a/src/store/AdvancedSearchComponents/advancedSearch.js
+++ b/src/store/AdvancedSearchComponents/advancedSearch.js
@@ -20,12 +20,25 @@ const state = {
   loadingStatus: false,
   errorStatus: false,
   editDialogStatus: false,
-  advancedSearchDialogStatus: false,
+  advancedSearchDialogStatus: false
 };
 
 const actions = {
-  async fetchAdvancedSearchResults({ commit }, advancedSearchTerm) {
+  //async fetchAdvancedSearchResults({ commit }, advancedSearchTerm, collectionIds) {
+  async fetchAdvancedSearchResults({ commit }, params) {
+    let advancedSearchTerm;
+    let collectionIds;
+    if (!params) {
+      advancedSearchTerm = {};
+      collectionIds = [];
+    }
+    else {
+      advancedSearchTerm = params[0];
+      collectionIds = params[1];
+    }
+
     commit("setLoadingStatus", true);
+    // Get collection IDs from records store here
     state.advancedSearchQuery["operator"] =
       state.advancedSearch["operatorIdentifier"];
     /* istanbul ignore next */
@@ -104,6 +117,7 @@ const actions = {
 
     let whereObj = graphqlQuery.replace("where:", "");
 
+    /* istanbul ignore else */
     if (advancedSearchTerm) {
       commit("setAdvancedSearchText", advancedSearchTerm);
       ADVANCED_TAGS.queryParam = {
@@ -117,6 +131,9 @@ const actions = {
       };
     }
 
+    if (collectionIds.length > 0) {
+      ADVANCED_TAGS.queryParam.id = collectionIds;
+    }
     try {
       let response = await CLIENT.executeQuery(ADVANCED_TAGS);
       commit("setAdvancedSearchResponse", response["advancedSearch"]);
diff --git a/src/views/AdvancedSearch/AdvancedSearchResultTable.vue b/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
index 77f2e93779..dc975c3419 100644
--- a/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
+++ b/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
@@ -26,6 +26,11 @@
       </v-btn>
       <SaveSearchButton />
     </div>
+    <h4
+      v-if="searchingCollection"
+    >
+      You are currently searching the within the collection <b>{{ this.currentRecord.fairsharingRecord.name }}</b>.
+    </h4>
     <p class="body-2 mb-0 mt-4">
       <v-icon
         x-small
@@ -164,7 +169,7 @@
   </div>
 </template>
 <script>
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -195,6 +200,8 @@ export default {
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &&
@@ -311,6 +318,13 @@ export default {
         ? record["publications"].length
         : 0;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &&
+        this.currentRecord.fairsharingRecord  &&
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;    }
   },
 };
 </script>

From da67d709c98a118221683ffd4158ca66261a5940 Mon Sep 17 00:00:00 2001
From: knirirr <knirirr@users.noreply.github.com>
Date: Wed, 2 Jul 2025 13:09:00 +0000
Subject: [PATCH 2/8] Autogenerated documentation files

---
 documentation/html/ExternalRESTClients.html   |  2 +-
 documentation/html/GraphQLClient.html         |  2 +-
 documentation/html/RESTClient.html            |  2 +-
 documentation/html/Static.html                |  2 +-
 documentation/html/classes.list.html          |  2 +-
 ...rs_CuratorRecordsAwaitingApproval.vue.html |  2 +-
 ...mponents_CuratorSummaryStatistics.vue.html |  2 +-
 ...ordsComponents_RecordEditsByMonth.vue.html |  2 +-
 ...sComponents_RecordsCreatedByMonth.vue.html |  2 +-
 ...dsComponents_RecordsNeedingReview.vue.html |  2 +-
 ...ordsComponents_RecordsWithoutDois.vue.html |  2 +-
 ...components_Curators_HiddenRecords.vue.html |  2 +-
 ...onents_Curators_IncompleteRecords.vue.html |  2 +-
 ...ents_Curators_MaintenanceRequests.vue.html |  2 +-
 ...ts_Curators_RecentCuratorCreation.vue.html |  2 +-
 ...omponents_Curators_SystemMessages.vue.html |  2 +-
 ...ators_UserRecordsAwaitingApproval.vue.html |  2 +-
 ...onents_Records_Record_Collections.vue.html |  2 +-
 ..._Record_GeneralInfo_SavedSearches.vue.html |  2 +-
 ...nts_Records_Record_RelatedContent.vue.html |  2 +-
 ...Records_Search_Header_FilterChips.vue.html |  2 +-
 ..._Records_Search_Header_Pagination.vue.html |  2 +-
 ...nts_Records_Search_Header_Sorting.vue.html |  2 +-
 ...cedSearch_AdvancedSearchDialogBox.vue.html | 31 ++++++++++++++++---
 ...nents_GeneralComponents_Countries.vue.html |  2 +-
 ...ponents_GeneralComponents_Domains.vue.html |  2 +-
 ...onents_GeneralComponents_Licences.vue.html |  2 +-
 ...nts_GeneralComponents_ObjectTypes.vue.html |  2 +-
 ...s_GeneralComponents_Organisations.vue.html |  2 +-
 ...ponents_GeneralComponents_Subject.vue.html |  2 +-
 ...ents_GeneralComponents_Taxonomies.vue.html |  2 +-
 ..._GeneralComponents_UserDefinedTag.vue.html |  2 +-
 ...onents_GroupCtrlSlot_DatabaseRule.vue.html |  2 +-
 ...ponents_GroupCtrlSlot_GeneralRule.vue.html |  2 +-
 ...nents_GroupCtrlSlot_GroupCtrlSlot.vue.html |  2 +-
 ...mponents_GroupCtrlSlot_PolicyRule.vue.html |  2 +-
 ...onents_GroupCtrlSlot_StandardRule.vue.html |  2 +-
 ...t_AdvancedSearch_QueryBuilderView.vue.html |  2 +-
 ...s_Search_Input_FilterAutocomplete.vue.html |  2 +-
 ...Records_Search_Input_FilterButton.vue.html |  2 +-
 ..._Records_Search_Input_SearchInput.vue.html |  2 +-
 ...earch_SaveSearch_SaveSearchButton.vue.html |  2 +-
 ...arch_SaveSearch_SaveSearchStepper.vue.html |  2 +-
 ...perComponents_OrganisationStepper.vue.html |  2 +-
 ...h_StepperComponents_PolicyStepper.vue.html |  2 +-
 ...arch_StepperComponents_ResultCard.vue.html |  2 +-
 ...perComponents_StepperDialogHeader.vue.html |  2 +-
 ...rch_StepperComponents_UserStepper.vue.html |  2 +-
 ...es_Private_ViewSavedSearchesTable.vue.html |  2 +-
 documentation/html/global.html                |  2 +-
 documentation/html/index.html                 |  2 +-
 .../html/lib_Client_ExternalClients.js.html   |  2 +-
 .../html/lib_Client_RESTClient.js.html        |  2 +-
 .../html/lib_GraphClient_GraphClient.js.html  |  2 +-
 documentation/html/module-Home.html           |  2 +-
 documentation/html/module-Login.html          |  2 +-
 documentation/html/module-NewRecord.html      |  2 +-
 documentation/html/module-Pagination.html     |  2 +-
 documentation/html/module-Signup.html         |  2 +-
 documentation/html/module-User.html           |  2 +-
 documentation/html/modules.list.html          |  2 +-
 documentation/html/namespaces.list.html       |  2 +-
 documentation/html/quicksearch.html           |  2 +-
 documentation/html/router_hackSearch.js.html  |  2 +-
 documentation/html/store_introspector.js.html |  2 +-
 documentation/html/store_recordData.js.html   |  2 +-
 documentation/html/store_recordSearch.js.html |  2 +-
 .../html/store_searchFilters.js.html          |  2 +-
 .../html/utils_advancedSearchUtils.js.html    |  2 +-
 .../html/utils_recordTabUtils.js.html         |  2 +-
 documentation/html/utils_rules.js.html        |  2 +-
 ...dSearch_AdvancedSearchResultTable.vue.html | 18 +++++++++--
 ...cedSearch_AdvancedSearchSelection.vue.html |  2 +-
 .../views_CreateRecord_NewRecord.vue.html     |  2 +-
 documentation/html/views_Home_Home.vue.html   |  2 +-
 .../views_Organisations_Organisation.vue.html |  2 +-
 .../html/views_Records_Record.vue.html        |  2 +-
 .../html/views_Records_Records.vue.html       |  2 +-
 .../views_Static_Community_Community.vue.html |  2 +-
 .../views_Static_Timeline_Timeline.vue.html   |  2 +-
 .../html/views_Users_Login_Login.vue.html     |  2 +-
 .../html/views_Users_Signup.vue.html          |  2 +-
 82 files changed, 122 insertions(+), 87 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index 2afb75cb91..02c5662de3 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index fe3e63f691..1139fc9019 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index bb95a0f072..4e05c2bc60 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index 45dda59df1..ae84c8c5e6 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index 3e68d27dba..b9964ea864 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index 74aaadbf89..e9f4f7d5a1 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index 706d633282..ac97799c0c 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index 72de0ca8ac..c8626254b7 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 6cf78d4adb..7158b535f1 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index 998131ec38..81f7f4c50c 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index d1f79a4c25..a9abc30628 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index 4f5eec71f2..d08e7a18c2 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index 56f7d34a8b..c8ad6a5d15 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 67e975d130..566378249f 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index 0c49e5ffae..ce3d55802a 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index ec8e7f9684..528a6c6fa1 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index de739024df..2238c978e3 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index 0dcdbcf822..0ccc367d91 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index a854e93504..e2c9744cad 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index 3a7a8b2cd7..785f8b19f4 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index 112a4d2490..ffb130da53 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index dfa8fca205..e09d9fb34e 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index d9a284a5d1..a77da96e09 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index 77f0507d28..7b29ad0b9e 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -147,6 +147,11 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             &lt;/h2>
+            &lt;h4
+              v-if="searchingCollection"
+            >
+              You are currently searching the within the collection &lt;b>{{ this.currentRecord.fairsharingRecord.name }}&lt;/b>.
+            &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
               &lt;a
@@ -237,7 +242,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
 
 &lt;script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -269,6 +274,8 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -294,6 +301,14 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -340,6 +355,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
+
       return queryValues;
     },
 
@@ -355,10 +371,16 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
      * in dialog box
      */
     goToAdvancedSearch() {
+      let idsToSend = [];
+      // These IDs are visible here but disappear when sent to the advancedSearch store,
+      // unless the array is copied this way.
+      this.getCollectionIdsParams.forEach((id) => {
+        idsToSend.push(id);
+      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
+        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
       } else {
-        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
+        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -429,7 +451,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         }
       }
     },
-
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
@@ -485,7 +506,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index 0fa565fbe1..915266b89d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index 85fcf20d97..e88f97f0db 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index 8c118181cd..f9d504f736 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index 8657be0cf8..fde868615c 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index 7c314b9742..5a362bf0c2 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index 3443b13021..16c919ea42 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index 39996829b5..2bda957221 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index bbd549da4d..9aca0ad1f4 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index 8bbbac4daa..a56d7984e2 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index 36f4584cd1..52fe7a5924 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index 7e2b337f6d..b21602c696 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index 81a78ab9ab..f9e88ce59d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index 53d85bcd6f..330751134f 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index e07ca47916..525ed2668d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index 30ae20ee86..a150ace01d 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index a53d78080d..6c22a710ad 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index 4d4dbcf744..50a0800b58 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index 88eadf3c6b..894020d33b 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index 10d84ed580..b12b813fc3 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index 60474177bf..b41ef144c7 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index ebc8d6417e..adc9087cb1 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index c5caebaeb9..65eebb4790 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index 5972a88ca6..e4be641ce4 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index 9b9ce77345..d6add56dc3 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index b7ea0b9965..ad8b856ae9 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index cb4ce41058..11d9c36b95 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index 97224adfa7..75bd900093 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index 47acf8e963..89e2ca0f7f 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index bd78ce4477..246aa367fc 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 3e7108d7f6..0e55464e62 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index c84686f5f7..99213c1d60 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index 58ac8a64b1..5523954442 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 2f7d10fba6..0abe83e29e 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index 0aee97c29e..0ebbbfd1a9 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index aba6f07f0d..6c04de93bf 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index 52b61f79a5..e41b9a78a6 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index 258fa383cd..35e1e1088f 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index 9c5dc86099..312936ae56 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index 9cca65af1f..c38e7f01a8 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText); } else { this.fetchAdvancedSearchResults(this.advancedSearchTerm); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ this.currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ this.currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index c0580ecee9..1a4b787b32 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index 0a508fd8a0..a1ff9410f8 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 0d96af8f3d..5137f5ab3f 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index 14f7a3654f..b341945982 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index dd7df97fca..1baa968e34 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index b42b88a3d6..1c19746256 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index 3660c75cea..53e645f421 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index 2455f5cafd..f78cc4c882 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index fc4fd828b8..dbadf0b8b1 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -119,6 +119,11 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       &lt;/v-btn>
       &lt;SaveSearchButton />
     &lt;/div>
+    &lt;h4
+      v-if="searchingCollection"
+    >
+      You are currently searching the within the collection &lt;b>{{ this.currentRecord.fairsharingRecord.name }}&lt;/b>.
+    &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
         x-small
@@ -257,7 +262,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
   &lt;/div>
 &lt;/template>
 &lt;script>
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -288,6 +293,8 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &amp;&amp;
@@ -404,6 +411,13 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         ? record["publications"].length
         : 0;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;    }
   },
 };
 &lt;/script>
@@ -467,7 +481,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index 8ccbea0480..88ca29432b 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index 6abaefc483..624757619e 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index 0ac753e324..f6dacfeb03 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index 14d456587b..76c098b473 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index 39b36aa51b..e57854c75d 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index dae6f938b0..7b276a09ac 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 13000aab15..ad63b2892d 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index 8702022fa2..172e1aec52 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index 06d17cd65c..85055ca683 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index 175dee985d..a76a0f5f1c 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Fri Jun 27th 2025
+		on Wed Jul 2nd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>

From 53b99fd9739fe45cd8b4aeec5ec9e241705a16b4 Mon Sep 17 00:00:00 2001
From: Milo Thurston <knirirr@gmail.com>
Date: Thu, 3 Jul 2025 09:35:10 +0100
Subject: [PATCH 3/8] Removed 'this' where codacy complained about it.

---
 .../Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue  | 5 ++++-
 src/views/AdvancedSearch/AdvancedSearchResultTable.vue       | 5 +++--
 src/views/Records/Record.vue                                 | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue b/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
index f5a14932f8..6baa76a715 100644
--- a/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
+++ b/src/components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue
@@ -57,7 +57,7 @@
             <h4
               v-if="searchingCollection"
             >
-              You are currently searching the within the collection <b>{{ this.currentRecord.fairsharingRecord.name }}</b>.
+              You are currently searching the within the collection <b>{{ currentRecord.fairsharingRecord.name }}</b>.
             </h4>
             <p style="text-align: center">
               Find out more about our Advanced Search in our
@@ -281,6 +281,8 @@ export default {
       let idsToSend = [];
       // These IDs are visible here but disappear when sent to the advancedSearch store,
       // unless the array is copied this way.
+      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
+      // TODO: from the URL params, or something...
       this.getCollectionIdsParams.forEach((id) => {
         idsToSend.push(id);
       })
@@ -307,6 +309,7 @@ export default {
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
+          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
diff --git a/src/views/AdvancedSearch/AdvancedSearchResultTable.vue b/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
index dc975c3419..934a504011 100644
--- a/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
+++ b/src/views/AdvancedSearch/AdvancedSearchResultTable.vue
@@ -29,7 +29,7 @@
     <h4
       v-if="searchingCollection"
     >
-      You are currently searching the within the collection <b>{{ this.currentRecord.fairsharingRecord.name }}</b>.
+      You are currently searching the within the collection <b>{{ currentRecord.fairsharingRecord.name }}</b>.
     </h4>
     <p class="body-2 mb-0 mt-4">
       <v-icon
@@ -324,7 +324,8 @@ export default {
         this.currentRecord.fairsharingRecord.type === 'collection' ) {
         return true;
       }
-      return false;    }
+      return false;
+    }
   },
 };
 </script>
diff --git a/src/views/Records/Record.vue b/src/views/Records/Record.vue
index 6b115706e2..8dd6644f17 100644
--- a/src/views/Records/Record.vue
+++ b/src/views/Records/Record.vue
@@ -551,7 +551,7 @@ export default {
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records..
+    // minor change in the y axis can fix a serious bug after going back to records.
     this.$scrollTo('body',5,{})
   },
   async mounted() {

From 534047704a33eca5e36c5cad0bce5aaad9b7b596 Mon Sep 17 00:00:00 2001
From: knirirr <knirirr@users.noreply.github.com>
Date: Thu, 3 Jul 2025 08:36:54 +0000
Subject: [PATCH 4/8] Autogenerated documentation files

---
 documentation/html/ExternalRESTClients.html                | 2 +-
 documentation/html/GraphQLClient.html                      | 2 +-
 documentation/html/RESTClient.html                         | 2 +-
 documentation/html/Static.html                             | 2 +-
 documentation/html/classes.list.html                       | 2 +-
 ...onents_Curators_CuratorRecordsAwaitingApproval.vue.html | 2 +-
 ...LoadRecordsComponents_CuratorSummaryStatistics.vue.html | 2 +-
 ...s_DownLoadRecordsComponents_RecordEditsByMonth.vue.html | 2 +-
 ...ownLoadRecordsComponents_RecordsCreatedByMonth.vue.html | 2 +-
 ...DownLoadRecordsComponents_RecordsNeedingReview.vue.html | 2 +-
 ...s_DownLoadRecordsComponents_RecordsWithoutDois.vue.html | 2 +-
 .../html/components_Curators_HiddenRecords.vue.html        | 2 +-
 .../html/components_Curators_IncompleteRecords.vue.html    | 2 +-
 .../html/components_Curators_MaintenanceRequests.vue.html  | 2 +-
 .../components_Curators_RecentCuratorCreation.vue.html     | 2 +-
 .../html/components_Curators_SystemMessages.vue.html       | 2 +-
 ...omponents_Curators_UserRecordsAwaitingApproval.vue.html | 2 +-
 .../html/components_Records_Record_Collections.vue.html    | 2 +-
 ...nents_Records_Record_GeneralInfo_SavedSearches.vue.html | 2 +-
 .../html/components_Records_Record_RelatedContent.vue.html | 2 +-
 .../components_Records_Search_Header_FilterChips.vue.html  | 2 +-
 .../components_Records_Search_Header_Pagination.vue.html   | 2 +-
 .../html/components_Records_Search_Header_Sorting.vue.html | 2 +-
 ...h_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html | 7 +++++--
 ...yBuilderComponents_GeneralComponents_Countries.vue.html | 2 +-
 ...eryBuilderComponents_GeneralComponents_Domains.vue.html | 2 +-
 ...ryBuilderComponents_GeneralComponents_Licences.vue.html | 2 +-
 ...uilderComponents_GeneralComponents_ObjectTypes.vue.html | 2 +-
 ...lderComponents_GeneralComponents_Organisations.vue.html | 2 +-
 ...eryBuilderComponents_GeneralComponents_Subject.vue.html | 2 +-
 ...BuilderComponents_GeneralComponents_Taxonomies.vue.html | 2 +-
 ...derComponents_GeneralComponents_UserDefinedTag.vue.html | 2 +-
 ...ryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html | 2 +-
 ...eryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html | 2 +-
 ...yBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html | 2 +-
 ...ueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html | 2 +-
 ...ryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html | 2 +-
 ...s_Search_Input_AdvancedSearch_QueryBuilderView.vue.html | 2 +-
 ...onents_Records_Search_Input_FilterAutocomplete.vue.html | 2 +-
 .../components_Records_Search_Input_FilterButton.vue.html  | 2 +-
 .../components_Records_Search_Input_SearchInput.vue.html   | 2 +-
 ...nts_Records_Search_SaveSearch_SaveSearchButton.vue.html | 2 +-
 ...ts_Records_Search_SaveSearch_SaveSearchStepper.vue.html | 2 +-
 ...veSearch_StepperComponents_OrganisationStepper.vue.html | 2 +-
 ...rch_SaveSearch_StepperComponents_PolicyStepper.vue.html | 2 +-
 ...Search_SaveSearch_StepperComponents_ResultCard.vue.html | 2 +-
 ...veSearch_StepperComponents_StepperDialogHeader.vue.html | 2 +-
 ...earch_SaveSearch_StepperComponents_UserStepper.vue.html | 2 +-
 ..._Users_Profiles_Private_ViewSavedSearchesTable.vue.html | 2 +-
 documentation/html/global.html                             | 2 +-
 documentation/html/index.html                              | 2 +-
 documentation/html/lib_Client_ExternalClients.js.html      | 2 +-
 documentation/html/lib_Client_RESTClient.js.html           | 2 +-
 documentation/html/lib_GraphClient_GraphClient.js.html     | 2 +-
 documentation/html/module-Home.html                        | 2 +-
 documentation/html/module-Login.html                       | 2 +-
 documentation/html/module-NewRecord.html                   | 2 +-
 documentation/html/module-Pagination.html                  | 2 +-
 documentation/html/module-Signup.html                      | 2 +-
 documentation/html/module-User.html                        | 2 +-
 documentation/html/modules.list.html                       | 2 +-
 documentation/html/namespaces.list.html                    | 2 +-
 documentation/html/quicksearch.html                        | 2 +-
 documentation/html/router_hackSearch.js.html               | 2 +-
 documentation/html/store_introspector.js.html              | 2 +-
 documentation/html/store_recordData.js.html                | 2 +-
 documentation/html/store_recordSearch.js.html              | 2 +-
 documentation/html/store_searchFilters.js.html             | 2 +-
 documentation/html/utils_advancedSearchUtils.js.html       | 2 +-
 documentation/html/utils_recordTabUtils.js.html            | 2 +-
 documentation/html/utils_rules.js.html                     | 2 +-
 ...views_AdvancedSearch_AdvancedSearchResultTable.vue.html | 7 ++++---
 .../views_AdvancedSearch_AdvancedSearchSelection.vue.html  | 2 +-
 documentation/html/views_CreateRecord_NewRecord.vue.html   | 2 +-
 documentation/html/views_Home_Home.vue.html                | 2 +-
 .../html/views_Organisations_Organisation.vue.html         | 2 +-
 documentation/html/views_Records_Record.vue.html           | 4 ++--
 documentation/html/views_Records_Records.vue.html          | 2 +-
 .../html/views_Static_Community_Community.vue.html         | 2 +-
 documentation/html/views_Static_Timeline_Timeline.vue.html | 2 +-
 documentation/html/views_Users_Login_Login.vue.html        | 2 +-
 documentation/html/views_Users_Signup.vue.html             | 2 +-
 82 files changed, 90 insertions(+), 86 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index 02c5662de3..c8de71c28d 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index 1139fc9019..599ced7cdc 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index 4e05c2bc60..de8d8c5242 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index ae84c8c5e6..c1a57fcbe8 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index b9964ea864..6bb62adf90 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index e9f4f7d5a1..d36a14d63a 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index ac97799c0c..95cbce5dc4 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index c8626254b7..d6f7709ac1 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 7158b535f1..6b2d38cd88 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index 81f7f4c50c..faf676db0a 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index a9abc30628..09982442f2 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index d08e7a18c2..4a846a75af 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index c8ad6a5d15..4eb601b2dd 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 566378249f..617e8ec957 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index ce3d55802a..e92a808785 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index 528a6c6fa1..af9cb22de7 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index 2238c978e3..28bfbb7410 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index 0ccc367d91..2e7880b44b 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index e2c9744cad..36480fc4af 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index 785f8b19f4..0bcde07f7d 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index ffb130da53..8fb8e0f509 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index e09d9fb34e..2fa66aea6e 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index a77da96e09..197e8107e8 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index 7b29ad0b9e..8963901852 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -150,7 +150,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h4
               v-if="searchingCollection"
             >
-              You are currently searching the within the collection &lt;b>{{ this.currentRecord.fairsharingRecord.name }}&lt;/b>.
+              You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
             &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
@@ -374,6 +374,8 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       let idsToSend = [];
       // These IDs are visible here but disappear when sent to the advancedSearch store,
       // unless the array is copied this way.
+      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
+      // TODO: from the URL params, or something...
       this.getCollectionIdsParams.forEach((id) => {
         idsToSend.push(id);
       })
@@ -400,6 +402,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
+          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
@@ -506,7 +509,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index 915266b89d..a827cdc8e2 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index e88f97f0db..77005ac1f5 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index f9d504f736..ecf6690a9b 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index fde868615c..f8133b8cbc 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index 5a362bf0c2..408d80d926 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index 16c919ea42..3ba4a826c5 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index 2bda957221..721229d8a8 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index 9aca0ad1f4..f2671f8518 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index a56d7984e2..23cbad30f8 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index 52fe7a5924..06add73def 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index b21602c696..5ddb5dd211 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index f9e88ce59d..b9ac1563a2 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index 330751134f..13d689980f 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index 525ed2668d..badac37be9 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index a150ace01d..112eabdc5c 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index 6c22a710ad..a5e6cd28d3 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index 50a0800b58..f2255bd5a3 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index 894020d33b..030c68edee 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index b12b813fc3..a73735c2ff 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index b41ef144c7..db858a75ae 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index adc9087cb1..3355b48b3b 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index 65eebb4790..93d460d4d8 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index e4be641ce4..04eb3b3e25 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index d6add56dc3..65bf7039f4 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index ad8b856ae9..8236c3af3f 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index 11d9c36b95..130d79c29b 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index 75bd900093..f8addf4082 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index 89e2ca0f7f..2e26957603 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index 246aa367fc..f2cf7fd1c1 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 0e55464e62..89fb8d90c8 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index 99213c1d60..55710ac259 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index 5523954442..28b4de2841 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 0abe83e29e..38f3a716e0 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index 0ebbbfd1a9..9db20a3e14 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index 6c04de93bf..580bf4c4d2 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index e41b9a78a6..1dd151ef37 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index 35e1e1088f..e6ac00f540 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index 312936ae56..d52881dcfb 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index c38e7f01a8..c81b18ea14 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ this.currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ this.currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props, // TODO: from the URL params, or something... this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { // TODO: Insert collection parameters here, just before operator. this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index 1a4b787b32..3cff97c387 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index a1ff9410f8..6392cdf0a5 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 5137f5ab3f..0d7a163939 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index b341945982..3a2232ceb7 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index 1baa968e34..647d72b517 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index 1c19746256..1e5077cd71 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index 53e645f421..c331a9b7ee 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index f78cc4c882..ff13e08b45 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index dbadf0b8b1..cf94ffffd3 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -122,7 +122,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
     &lt;h4
       v-if="searchingCollection"
     >
-      You are currently searching the within the collection &lt;b>{{ this.currentRecord.fairsharingRecord.name }}&lt;/b>.
+      You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
     &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
@@ -417,7 +417,8 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         this.currentRecord.fairsharingRecord.type === 'collection' ) {
         return true;
       }
-      return false;    }
+      return false;
+    }
   },
 };
 &lt;/script>
@@ -481,7 +482,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index 88ca29432b..ebf4bd292f 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index 624757619e..f836fd17c6 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index f6dacfeb03..fd6212ee12 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index 76c098b473..94ef47832f 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index e57854c75d..7068ca9cda 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -644,7 +644,7 @@ <h1 class="page-title">Source: views/Records/Record.vue</h1>
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records..
+    // minor change in the y axis can fix a serious bug after going back to records.
     this.$scrollTo('body',5,{})
   },
   async mounted() {
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index 7b276a09ac..c9544d97c5 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index ad63b2892d..2b92eeb066 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index 172e1aec52..ae2e22dcf7 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index 85055ca683..30daa47206 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index a76a0f5f1c..f00c958922 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 2nd 2025
+		on Thu Jul 3rd 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>

From 60a0b15dca200176718ac83d51f8e114e5581bb3 Mon Sep 17 00:00:00 2001
From: Milo Thurston <knirirr@gmail.com>
Date: Thu, 10 Jul 2025 15:33:09 +0100
Subject: [PATCH 5/8] Updated docs.

---
 documentation/html/ExternalRESTClients.html   |  2 +-
 documentation/html/GraphQLClient.html         |  2 +-
 documentation/html/RESTClient.html            |  2 +-
 documentation/html/Static.html                |  2 +-
 documentation/html/classes.list.html          |  2 +-
 ...rs_CuratorRecordsAwaitingApproval.vue.html |  2 +-
 ...mponents_CuratorSummaryStatistics.vue.html |  2 +-
 ...ordsComponents_RecordEditsByMonth.vue.html |  2 +-
 ...sComponents_RecordsCreatedByMonth.vue.html |  2 +-
 ...dsComponents_RecordsNeedingReview.vue.html |  2 +-
 ...ordsComponents_RecordsWithoutDois.vue.html |  2 +-
 ...components_Curators_HiddenRecords.vue.html |  2 +-
 ...onents_Curators_IncompleteRecords.vue.html |  2 +-
 ...ents_Curators_MaintenanceRequests.vue.html |  2 +-
 ...ts_Curators_RecentCuratorCreation.vue.html |  2 +-
 ...omponents_Curators_SystemMessages.vue.html |  2 +-
 ...ators_UserRecordsAwaitingApproval.vue.html |  2 +-
 ...onents_Records_Record_Collections.vue.html |  2 +-
 ..._Record_GeneralInfo_SavedSearches.vue.html |  2 +-
 ...nts_Records_Record_RelatedContent.vue.html |  2 +-
 ...Records_Search_Header_FilterChips.vue.html |  2 +-
 ..._Records_Search_Header_Pagination.vue.html |  2 +-
 ...nts_Records_Search_Header_Sorting.vue.html |  2 +-
 ...cedSearch_AdvancedSearchDialogBox.vue.html | 34 +++----------------
 ...nents_GeneralComponents_Countries.vue.html |  2 +-
 ...ponents_GeneralComponents_Domains.vue.html |  2 +-
 ...onents_GeneralComponents_Licences.vue.html |  2 +-
 ...nts_GeneralComponents_ObjectTypes.vue.html |  2 +-
 ...s_GeneralComponents_Organisations.vue.html |  2 +-
 ...ponents_GeneralComponents_Subject.vue.html |  2 +-
 ...ents_GeneralComponents_Taxonomies.vue.html |  2 +-
 ..._GeneralComponents_UserDefinedTag.vue.html |  2 +-
 ...onents_GroupCtrlSlot_DatabaseRule.vue.html |  2 +-
 ...ponents_GroupCtrlSlot_GeneralRule.vue.html |  2 +-
 ...nents_GroupCtrlSlot_GroupCtrlSlot.vue.html |  2 +-
 ...mponents_GroupCtrlSlot_PolicyRule.vue.html |  2 +-
 ...onents_GroupCtrlSlot_StandardRule.vue.html |  2 +-
 ...t_AdvancedSearch_QueryBuilderView.vue.html |  2 +-
 ...s_Search_Input_FilterAutocomplete.vue.html |  2 +-
 ...Records_Search_Input_FilterButton.vue.html |  2 +-
 ..._Records_Search_Input_SearchInput.vue.html |  2 +-
 ...earch_SaveSearch_SaveSearchButton.vue.html |  2 +-
 ...arch_SaveSearch_SaveSearchStepper.vue.html |  2 +-
 ...perComponents_OrganisationStepper.vue.html |  2 +-
 ...h_StepperComponents_PolicyStepper.vue.html |  2 +-
 ...arch_StepperComponents_ResultCard.vue.html |  2 +-
 ...perComponents_StepperDialogHeader.vue.html |  2 +-
 ...rch_StepperComponents_UserStepper.vue.html |  2 +-
 ...es_Private_ViewSavedSearchesTable.vue.html |  2 +-
 documentation/html/global.html                |  2 +-
 documentation/html/index.html                 |  2 +-
 .../html/lib_Client_ExternalClients.js.html   |  2 +-
 .../html/lib_Client_RESTClient.js.html        |  2 +-
 .../html/lib_GraphClient_GraphClient.js.html  |  2 +-
 documentation/html/module-Home.html           |  2 +-
 documentation/html/module-Login.html          |  2 +-
 documentation/html/module-NewRecord.html      |  2 +-
 documentation/html/module-Pagination.html     |  2 +-
 documentation/html/module-Signup.html         |  2 +-
 documentation/html/module-User.html           |  2 +-
 documentation/html/modules.list.html          |  2 +-
 documentation/html/namespaces.list.html       |  2 +-
 documentation/html/quicksearch.html           |  2 +-
 documentation/html/router_hackSearch.js.html  |  2 +-
 documentation/html/store_introspector.js.html |  2 +-
 documentation/html/store_recordData.js.html   |  2 +-
 documentation/html/store_recordSearch.js.html |  2 +-
 .../html/store_searchFilters.js.html          |  2 +-
 .../html/utils_advancedSearchUtils.js.html    |  2 +-
 .../html/utils_recordTabUtils.js.html         |  2 +-
 documentation/html/utils_rules.js.html        |  2 +-
 ...dSearch_AdvancedSearchResultTable.vue.html | 19 ++---------
 ...cedSearch_AdvancedSearchSelection.vue.html |  2 +-
 .../views_CreateRecord_NewRecord.vue.html     |  2 +-
 documentation/html/views_Home_Home.vue.html   |  2 +-
 .../views_Organisations_Organisation.vue.html |  2 +-
 .../html/views_Records_Record.vue.html        |  4 +--
 .../html/views_Records_Records.vue.html       |  2 +-
 .../views_Static_Community_Community.vue.html |  2 +-
 .../views_Static_Timeline_Timeline.vue.html   |  2 +-
 .../html/views_Users_Login_Login.vue.html     |  2 +-
 .../html/views_Users_Signup.vue.html          |  2 +-
 82 files changed, 88 insertions(+), 127 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index c8de71c28d..bff1d895a0 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index 599ced7cdc..17e59d80bb 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index de8d8c5242..c1f6279a22 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index c1a57fcbe8..2c3dd5a27d 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index 6bb62adf90..ba0f9c7f36 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index d36a14d63a..4263ec5dfc 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index 95cbce5dc4..3ba0690bd8 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index d6f7709ac1..1b69f8d5e8 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 6b2d38cd88..266e8702fe 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index faf676db0a..36fda0673f 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index 09982442f2..98466005a1 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index 4a846a75af..96babefc20 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index 4eb601b2dd..212930fbc5 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 617e8ec957..9b0533d8fd 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index e92a808785..1ac1f3edd6 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index af9cb22de7..3e335b8cfb 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index 28bfbb7410..04527993cd 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index 2e7880b44b..28d17d3dd2 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index 36480fc4af..9e85bff343 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index 0bcde07f7d..6d26049b1f 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index 8fb8e0f509..78b3e741ec 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index 2fa66aea6e..3b6fa4474a 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index 197e8107e8..c6a7640412 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index 8963901852..dbd53a552b 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -147,11 +147,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             &lt;/h2>
-            &lt;h4
-              v-if="searchingCollection"
-            >
-              You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
-            &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
               &lt;a
@@ -242,7 +237,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
 
 &lt;script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters, mapState } from "vuex";
+import { mapActions, mapGetters } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -274,8 +269,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
-    ...mapGetters("records", ["getCollectionIdsParams"]),
-    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -301,14 +294,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
-    searchingCollection() {
-      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
-        this.currentRecord.fairsharingRecord  &amp;&amp;
-        this.currentRecord.fairsharingRecord.type === 'collection' ) {
-        return true;
-      }
-      return false;
-    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -355,7 +340,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
-
       return queryValues;
     },
 
@@ -371,18 +355,10 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
      * in dialog box
      */
     goToAdvancedSearch() {
-      let idsToSend = [];
-      // These IDs are visible here but disappear when sent to the advancedSearch store,
-      // unless the array is copied this way.
-      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
-      // TODO: from the URL params, or something...
-      this.getCollectionIdsParams.forEach((id) => {
-        idsToSend.push(id);
-      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
+        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
       } else {
-        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
+        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -402,7 +378,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
-          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
@@ -454,6 +429,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         }
       }
     },
+
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
@@ -509,7 +485,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index a827cdc8e2..77f8458111 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index 77005ac1f5..722eba030e 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index ecf6690a9b..b6806166de 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index f8133b8cbc..816482b679 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index 408d80d926..1b59672d42 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index 3ba4a826c5..11cd42c15f 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index 721229d8a8..303dc7bab4 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index f2671f8518..c11da96e2f 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index 23cbad30f8..5e1bdc4df9 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index 06add73def..664bfe729d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index 5ddb5dd211..41247eac6d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index b9ac1563a2..6bf6394f8b 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index 13d689980f..329677d2bb 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index badac37be9..a2e993e4bf 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index 112eabdc5c..b18ec9deb5 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index a5e6cd28d3..b77d106677 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index f2255bd5a3..f5a64d18f0 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index 030c68edee..b3013bea28 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index a73735c2ff..128978c631 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index db858a75ae..5a98992760 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index 3355b48b3b..b34464c88d 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index 93d460d4d8..6a1a2e39e8 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index 04eb3b3e25..59dd20eacc 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index 65bf7039f4..a8d06ffacf 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index 8236c3af3f..48f6b2e992 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index 130d79c29b..824b479e9a 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index f8addf4082..80b5a31787 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index 2e26957603..a85c4008e3 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index f2cf7fd1c1..80227b0173 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 89fb8d90c8..1630f5ea98 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index 55710ac259..456a90c414 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index 28b4de2841..5ec52bd4cb 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 38f3a716e0..27a160e017 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index 9db20a3e14..f02b059db6 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index 580bf4c4d2..281a285f5b 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index 1dd151ef37..d619fd29e9 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index e6ac00f540..5b54b1bdd6 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index d52881dcfb..9e80df020b 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index c81b18ea14..9cca65af1f 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props, // TODO: from the URL params, or something... this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { // TODO: Insert collection parameters here, just before operator. this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText); } else { this.fetchAdvancedSearchResults(this.advancedSearchTerm); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index 3cff97c387..991415ae36 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index 6392cdf0a5..3d404844ff 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 0d7a163939..4594ba061b 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index 3a2232ceb7..a0f882a804 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index 647d72b517..15c6936ad8 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index 1e5077cd71..b4ddaaa2ca 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index c331a9b7ee..bedc991b00 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index ff13e08b45..e51dc77880 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index cf94ffffd3..0696b669c8 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -119,11 +119,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       &lt;/v-btn>
       &lt;SaveSearchButton />
     &lt;/div>
-    &lt;h4
-      v-if="searchingCollection"
-    >
-      You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
-    &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
         x-small
@@ -262,7 +257,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
   &lt;/div>
 &lt;/template>
 &lt;script>
-import { mapActions, mapGetters, mapState } from "vuex";
+import { mapActions, mapGetters } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -293,8 +288,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
-    ...mapGetters("records", ["getCollectionIdsParams"]),
-    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &amp;&amp;
@@ -411,14 +404,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         ? record["publications"].length
         : 0;
     },
-    searchingCollection() {
-      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
-        this.currentRecord.fairsharingRecord  &amp;&amp;
-        this.currentRecord.fairsharingRecord.type === 'collection' ) {
-        return true;
-      }
-      return false;
-    }
   },
 };
 &lt;/script>
@@ -482,7 +467,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index ebf4bd292f..68e6602728 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index f836fd17c6..562ecde718 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index fd6212ee12..bb81e4aff1 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index 94ef47832f..cea7a16fa6 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index 7068ca9cda..d33163f0ac 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -644,7 +644,7 @@ <h1 class="page-title">Source: views/Records/Record.vue</h1>
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records.
+    // minor change in the y axis can fix a serious bug after going back to records..
     this.$scrollTo('body',5,{})
   },
   async mounted() {
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index c9544d97c5..b7463a374b 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 2b92eeb066..357f4c7f07 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index ae2e22dcf7..ba1b95071d 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index 30daa47206..d89ddc1f7c 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index f00c958922..4d2e82b52b 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 3rd 2025
+		on Wed Jul 9th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>

From 18ffb98159538669ddc33dfcc55daa65cd3acff1 Mon Sep 17 00:00:00 2001
From: knirirr <knirirr@users.noreply.github.com>
Date: Thu, 10 Jul 2025 14:38:20 +0000
Subject: [PATCH 6/8] Autogenerated documentation files

---
 documentation/html/ExternalRESTClients.html   |  2 +-
 documentation/html/GraphQLClient.html         |  2 +-
 documentation/html/RESTClient.html            |  2 +-
 documentation/html/Static.html                |  2 +-
 documentation/html/classes.list.html          |  2 +-
 ...rs_CuratorRecordsAwaitingApproval.vue.html |  2 +-
 ...mponents_CuratorSummaryStatistics.vue.html |  2 +-
 ...ordsComponents_RecordEditsByMonth.vue.html |  2 +-
 ...sComponents_RecordsCreatedByMonth.vue.html |  2 +-
 ...dsComponents_RecordsNeedingReview.vue.html |  2 +-
 ...ordsComponents_RecordsWithoutDois.vue.html |  2 +-
 ...components_Curators_HiddenRecords.vue.html |  2 +-
 ...onents_Curators_IncompleteRecords.vue.html |  2 +-
 ...ents_Curators_MaintenanceRequests.vue.html |  2 +-
 ...ts_Curators_RecentCuratorCreation.vue.html |  2 +-
 ...omponents_Curators_SystemMessages.vue.html |  2 +-
 ...ators_UserRecordsAwaitingApproval.vue.html |  2 +-
 ...onents_Records_Record_Collections.vue.html |  2 +-
 ..._Record_GeneralInfo_SavedSearches.vue.html |  2 +-
 ...nts_Records_Record_RelatedContent.vue.html |  2 +-
 ...Records_Search_Header_FilterChips.vue.html |  2 +-
 ..._Records_Search_Header_Pagination.vue.html |  2 +-
 ...nts_Records_Search_Header_Sorting.vue.html |  2 +-
 ...cedSearch_AdvancedSearchDialogBox.vue.html | 34 ++++++++++++++++---
 ...nents_GeneralComponents_Countries.vue.html |  2 +-
 ...ponents_GeneralComponents_Domains.vue.html |  2 +-
 ...onents_GeneralComponents_Licences.vue.html |  2 +-
 ...nts_GeneralComponents_ObjectTypes.vue.html |  2 +-
 ...s_GeneralComponents_Organisations.vue.html |  2 +-
 ...ponents_GeneralComponents_Subject.vue.html |  2 +-
 ...ents_GeneralComponents_Taxonomies.vue.html |  2 +-
 ..._GeneralComponents_UserDefinedTag.vue.html |  2 +-
 ...onents_GroupCtrlSlot_DatabaseRule.vue.html |  2 +-
 ...ponents_GroupCtrlSlot_GeneralRule.vue.html |  2 +-
 ...nents_GroupCtrlSlot_GroupCtrlSlot.vue.html |  2 +-
 ...mponents_GroupCtrlSlot_PolicyRule.vue.html |  2 +-
 ...onents_GroupCtrlSlot_StandardRule.vue.html |  2 +-
 ...t_AdvancedSearch_QueryBuilderView.vue.html |  2 +-
 ...s_Search_Input_FilterAutocomplete.vue.html |  2 +-
 ...Records_Search_Input_FilterButton.vue.html |  2 +-
 ..._Records_Search_Input_SearchInput.vue.html |  2 +-
 ...earch_SaveSearch_SaveSearchButton.vue.html |  2 +-
 ...arch_SaveSearch_SaveSearchStepper.vue.html |  2 +-
 ...perComponents_OrganisationStepper.vue.html |  2 +-
 ...h_StepperComponents_PolicyStepper.vue.html |  2 +-
 ...arch_StepperComponents_ResultCard.vue.html |  2 +-
 ...perComponents_StepperDialogHeader.vue.html |  2 +-
 ...rch_StepperComponents_UserStepper.vue.html |  2 +-
 ...es_Private_ViewSavedSearchesTable.vue.html |  2 +-
 documentation/html/global.html                |  2 +-
 documentation/html/index.html                 |  2 +-
 .../html/lib_Client_ExternalClients.js.html   |  2 +-
 .../html/lib_Client_RESTClient.js.html        |  2 +-
 .../html/lib_GraphClient_GraphClient.js.html  |  2 +-
 documentation/html/module-Home.html           |  2 +-
 documentation/html/module-Login.html          |  2 +-
 documentation/html/module-NewRecord.html      |  2 +-
 documentation/html/module-Pagination.html     |  2 +-
 documentation/html/module-Signup.html         |  2 +-
 documentation/html/module-User.html           |  2 +-
 documentation/html/modules.list.html          |  2 +-
 documentation/html/namespaces.list.html       |  2 +-
 documentation/html/quicksearch.html           |  2 +-
 documentation/html/router_hackSearch.js.html  |  2 +-
 documentation/html/store_introspector.js.html |  2 +-
 documentation/html/store_recordData.js.html   |  2 +-
 documentation/html/store_recordSearch.js.html |  2 +-
 .../html/store_searchFilters.js.html          |  2 +-
 .../html/utils_advancedSearchUtils.js.html    |  2 +-
 .../html/utils_recordTabUtils.js.html         |  2 +-
 documentation/html/utils_rules.js.html        |  2 +-
 ...dSearch_AdvancedSearchResultTable.vue.html | 19 +++++++++--
 ...cedSearch_AdvancedSearchSelection.vue.html |  2 +-
 .../views_CreateRecord_NewRecord.vue.html     |  2 +-
 documentation/html/views_Home_Home.vue.html   |  2 +-
 .../views_Organisations_Organisation.vue.html |  2 +-
 .../html/views_Records_Record.vue.html        |  4 +--
 .../html/views_Records_Records.vue.html       |  2 +-
 .../views_Static_Community_Community.vue.html |  2 +-
 .../views_Static_Timeline_Timeline.vue.html   |  2 +-
 .../html/views_Users_Login_Login.vue.html     |  2 +-
 .../html/views_Users_Signup.vue.html          |  2 +-
 82 files changed, 127 insertions(+), 88 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index bff1d895a0..c9f4357a90 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index 17e59d80bb..aa6e8cd0ec 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index c1f6279a22..21d25bd259 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index 2c3dd5a27d..9ec3c8c149 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index ba0f9c7f36..84394e85f8 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index 4263ec5dfc..b26aecb66a 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index 3ba0690bd8..c5cf8983c0 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index 1b69f8d5e8..e396a7494c 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 266e8702fe..33fecf025b 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index 36fda0673f..60cc7f9267 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index 98466005a1..4095b43acb 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index 96babefc20..b3069f0dfc 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index 212930fbc5..35083ce6d6 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 9b0533d8fd..1d5bb85a26 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index 1ac1f3edd6..86b3cede4d 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index 3e335b8cfb..e3485a5635 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index 04527993cd..e2f6d7a758 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index 28d17d3dd2..0a3f58d70c 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index 9e85bff343..e6db2319c0 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index 6d26049b1f..c4d2b364f3 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index 78b3e741ec..b1ea413e19 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index 3b6fa4474a..3886128b44 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index c6a7640412..f5982bc31e 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index dbd53a552b..f7b5fa2e19 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -147,6 +147,11 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             &lt;/h2>
+            &lt;h4
+              v-if="searchingCollection"
+            >
+              You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
+            &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
               &lt;a
@@ -237,7 +242,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
 
 &lt;script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -269,6 +274,8 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -294,6 +301,14 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -340,6 +355,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
+
       return queryValues;
     },
 
@@ -355,10 +371,18 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
      * in dialog box
      */
     goToAdvancedSearch() {
+      let idsToSend = [];
+      // These IDs are visible here but disappear when sent to the advancedSearch store,
+      // unless the array is copied this way.
+      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
+      // TODO: from the URL params, or something...
+      this.getCollectionIdsParams.forEach((id) => {
+        idsToSend.push(id);
+      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
+        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
       } else {
-        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
+        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -378,6 +402,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
+          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
@@ -429,7 +454,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         }
       }
     },
-
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
@@ -485,7 +509,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index 77f8458111..5b036881e5 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index 722eba030e..175ab44cbf 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index b6806166de..3abb316a5d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index 816482b679..645b09b562 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index 1b59672d42..f79f678626 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index 11cd42c15f..f2110baeb6 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index 303dc7bab4..9a6bb47d11 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index c11da96e2f..5ea8d612d5 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index 5e1bdc4df9..c018d89571 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index 664bfe729d..4758b0f28d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index 41247eac6d..31010c6673 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index 6bf6394f8b..b81ed7d3ae 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index 329677d2bb..0eaf135840 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index a2e993e4bf..a076e7a17d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index b18ec9deb5..ce82bf1bcb 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index b77d106677..7ef3d9a51c 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index f5a64d18f0..0fb63e46a1 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index b3013bea28..6375c1b4ad 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index 128978c631..f0026c383e 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index 5a98992760..590ad1d1ce 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index b34464c88d..922cfbf7dd 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index 6a1a2e39e8..cb6380b52d 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index 59dd20eacc..b763988b48 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index a8d06ffacf..269128bfcc 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index 48f6b2e992..47e254335a 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index 824b479e9a..95c8a0426b 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index 80b5a31787..954775461b 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index a85c4008e3..4a015e9cf1 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index 80227b0173..ed495eef32 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 1630f5ea98..836cd82302 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index 456a90c414..cbfa081818 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index 5ec52bd4cb..55dada2d5e 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 27a160e017..3c13127468 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index f02b059db6..6c4d90ceed 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index 281a285f5b..32eb139bfb 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index d619fd29e9..723e06345f 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index 5b54b1bdd6..dad426605f 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index 9e80df020b..879f77e680 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index 9cca65af1f..c81b18ea14 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText); } else { this.fetchAdvancedSearchResults(this.advancedSearchTerm); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props, // TODO: from the URL params, or something... this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { // TODO: Insert collection parameters here, just before operator. this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index 991415ae36..975a9d0564 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index 3d404844ff..7905048306 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 4594ba061b..96834f8d53 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index a0f882a804..3bd02cf212 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index 15c6936ad8..2feaa6c52f 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index b4ddaaa2ca..d5c87fdaf6 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index bedc991b00..692a66e575 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index e51dc77880..ee887dff2e 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index 0696b669c8..01050fa7f3 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -119,6 +119,11 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       &lt;/v-btn>
       &lt;SaveSearchButton />
     &lt;/div>
+    &lt;h4
+      v-if="searchingCollection"
+    >
+      You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
+    &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
         x-small
@@ -257,7 +262,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
   &lt;/div>
 &lt;/template>
 &lt;script>
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -288,6 +293,8 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &amp;&amp;
@@ -404,6 +411,14 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         ? record["publications"].length
         : 0;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
 };
 &lt;/script>
@@ -467,7 +482,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index 68e6602728..747e66659a 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index 562ecde718..0c1a5ebc6a 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index bb81e4aff1..5ea0d1d3b3 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index cea7a16fa6..8c17157edf 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index d33163f0ac..811768a5a1 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -644,7 +644,7 @@ <h1 class="page-title">Source: views/Records/Record.vue</h1>
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records..
+    // minor change in the y axis can fix a serious bug after going back to records.
     this.$scrollTo('body',5,{})
   },
   async mounted() {
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index b7463a374b..18820e89f4 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 357f4c7f07..391a5160ca 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index ba1b95071d..85ca11eaeb 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index d89ddc1f7c..e21246fab7 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index 4d2e82b52b..2253da8ac9 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Wed Jul 9th 2025
+		on Thu Jul 10th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>

From 96fa3edbc74aae310141d9a44484c37eb62b7d3b Mon Sep 17 00:00:00 2001
From: Milo Thurston <knirirr@gmail.com>
Date: Fri, 18 Jul 2025 13:43:20 +0100
Subject: [PATCH 7/8] Updated docs.

---
 documentation/html/ExternalRESTClients.html   |  2 +-
 documentation/html/GraphQLClient.html         |  2 +-
 documentation/html/RESTClient.html            |  2 +-
 documentation/html/Static.html                |  2 +-
 documentation/html/classes.list.html          |  2 +-
 ...rs_CuratorRecordsAwaitingApproval.vue.html |  2 +-
 ...mponents_CuratorSummaryStatistics.vue.html |  2 +-
 ...ordsComponents_RecordEditsByMonth.vue.html |  2 +-
 ...sComponents_RecordsCreatedByMonth.vue.html |  2 +-
 ...dsComponents_RecordsNeedingReview.vue.html |  2 +-
 ...ordsComponents_RecordsWithoutDois.vue.html |  2 +-
 ...components_Curators_HiddenRecords.vue.html |  2 +-
 ...onents_Curators_IncompleteRecords.vue.html |  2 +-
 ...ents_Curators_MaintenanceRequests.vue.html |  2 +-
 ...ts_Curators_RecentCuratorCreation.vue.html |  2 +-
 ...omponents_Curators_SystemMessages.vue.html |  2 +-
 ...ators_UserRecordsAwaitingApproval.vue.html |  2 +-
 ...onents_Records_Record_Collections.vue.html |  2 +-
 ..._Record_GeneralInfo_SavedSearches.vue.html |  2 +-
 ...nts_Records_Record_RelatedContent.vue.html |  2 +-
 ...Records_Search_Header_FilterChips.vue.html |  2 +-
 ..._Records_Search_Header_Pagination.vue.html |  2 +-
 ...nts_Records_Search_Header_Sorting.vue.html |  2 +-
 ...cedSearch_AdvancedSearchDialogBox.vue.html | 34 +++----------------
 ...nents_GeneralComponents_Countries.vue.html |  2 +-
 ...ponents_GeneralComponents_Domains.vue.html |  2 +-
 ...onents_GeneralComponents_Licences.vue.html |  2 +-
 ...nts_GeneralComponents_ObjectTypes.vue.html |  2 +-
 ...s_GeneralComponents_Organisations.vue.html |  2 +-
 ...ponents_GeneralComponents_Subject.vue.html |  2 +-
 ...ents_GeneralComponents_Taxonomies.vue.html |  2 +-
 ..._GeneralComponents_UserDefinedTag.vue.html |  2 +-
 ...onents_GroupCtrlSlot_DatabaseRule.vue.html |  2 +-
 ...ponents_GroupCtrlSlot_GeneralRule.vue.html |  2 +-
 ...nents_GroupCtrlSlot_GroupCtrlSlot.vue.html |  2 +-
 ...mponents_GroupCtrlSlot_PolicyRule.vue.html |  2 +-
 ...onents_GroupCtrlSlot_StandardRule.vue.html |  2 +-
 ...t_AdvancedSearch_QueryBuilderView.vue.html |  2 +-
 ...s_Search_Input_FilterAutocomplete.vue.html |  2 +-
 ...Records_Search_Input_FilterButton.vue.html |  2 +-
 ..._Records_Search_Input_SearchInput.vue.html |  2 +-
 ...earch_SaveSearch_SaveSearchButton.vue.html |  2 +-
 ...arch_SaveSearch_SaveSearchStepper.vue.html |  2 +-
 ...perComponents_OrganisationStepper.vue.html |  2 +-
 ...h_StepperComponents_PolicyStepper.vue.html |  2 +-
 ...arch_StepperComponents_ResultCard.vue.html |  2 +-
 ...perComponents_StepperDialogHeader.vue.html |  2 +-
 ...rch_StepperComponents_UserStepper.vue.html |  2 +-
 ...es_Private_ViewSavedSearchesTable.vue.html |  2 +-
 documentation/html/global.html                |  2 +-
 documentation/html/index.html                 |  2 +-
 .../html/lib_Client_ExternalClients.js.html   |  2 +-
 .../html/lib_Client_RESTClient.js.html        |  2 +-
 .../html/lib_GraphClient_GraphClient.js.html  |  2 +-
 documentation/html/module-Home.html           |  2 +-
 documentation/html/module-Login.html          |  2 +-
 documentation/html/module-NewRecord.html      |  2 +-
 documentation/html/module-Pagination.html     |  2 +-
 documentation/html/module-Signup.html         |  2 +-
 documentation/html/module-User.html           |  2 +-
 documentation/html/modules.list.html          |  2 +-
 documentation/html/namespaces.list.html       |  2 +-
 documentation/html/quicksearch.html           |  2 +-
 documentation/html/router_hackSearch.js.html  |  2 +-
 documentation/html/store_introspector.js.html |  2 +-
 documentation/html/store_recordData.js.html   |  2 +-
 documentation/html/store_recordSearch.js.html |  2 +-
 .../html/store_searchFilters.js.html          |  2 +-
 .../html/utils_advancedSearchUtils.js.html    |  2 +-
 .../html/utils_recordTabUtils.js.html         |  2 +-
 documentation/html/utils_rules.js.html        |  2 +-
 ...dSearch_AdvancedSearchResultTable.vue.html | 19 ++---------
 ...cedSearch_AdvancedSearchSelection.vue.html |  2 +-
 .../views_CreateRecord_NewRecord.vue.html     |  2 +-
 documentation/html/views_Home_Home.vue.html   |  2 +-
 .../views_Organisations_Organisation.vue.html |  2 +-
 .../html/views_Records_Record.vue.html        |  4 +--
 .../html/views_Records_Records.vue.html       |  2 +-
 .../views_Static_Community_Community.vue.html |  2 +-
 .../views_Static_Timeline_Timeline.vue.html   |  2 +-
 .../html/views_Users_Login_Login.vue.html     |  2 +-
 .../html/views_Users_Signup.vue.html          |  2 +-
 82 files changed, 88 insertions(+), 127 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index c9f4357a90..cb51575a6c 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index aa6e8cd0ec..c80b1375e8 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index 21d25bd259..cb298c2fe1 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index 9ec3c8c149..223ba9a38a 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index 84394e85f8..5d8a483c03 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index b26aecb66a..5b9927afe2 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index c5cf8983c0..d809899948 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index e396a7494c..b59849d7cb 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 33fecf025b..4dcf71848d 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index 60cc7f9267..45752f68d2 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index 4095b43acb..5e83c99964 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index b3069f0dfc..67dac150c0 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index 35083ce6d6..5228d5a121 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 1d5bb85a26..0a3fade70f 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index 86b3cede4d..111d35546f 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index e3485a5635..90cb5c17e1 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index e2f6d7a758..74870066e9 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index 0a3f58d70c..efec910a5f 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index e6db2319c0..4787d304fe 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index c4d2b364f3..9e47c2482d 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index b1ea413e19..eee69c3bdd 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index 3886128b44..c4ade8b33a 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index f5982bc31e..5bf2e9afc3 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index f7b5fa2e19..0bbdd54294 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -147,11 +147,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             &lt;/h2>
-            &lt;h4
-              v-if="searchingCollection"
-            >
-              You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
-            &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
               &lt;a
@@ -242,7 +237,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
 
 &lt;script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters, mapState } from "vuex";
+import { mapActions, mapGetters } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -274,8 +269,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
-    ...mapGetters("records", ["getCollectionIdsParams"]),
-    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -301,14 +294,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
-    searchingCollection() {
-      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
-        this.currentRecord.fairsharingRecord  &amp;&amp;
-        this.currentRecord.fairsharingRecord.type === 'collection' ) {
-        return true;
-      }
-      return false;
-    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -355,7 +340,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
-
       return queryValues;
     },
 
@@ -371,18 +355,10 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
      * in dialog box
      */
     goToAdvancedSearch() {
-      let idsToSend = [];
-      // These IDs are visible here but disappear when sent to the advancedSearch store,
-      // unless the array is copied this way.
-      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
-      // TODO: from the URL params, or something...
-      this.getCollectionIdsParams.forEach((id) => {
-        idsToSend.push(id);
-      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
+        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
       } else {
-        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
+        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -402,7 +378,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
-          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
@@ -454,6 +429,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         }
       }
     },
+
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
@@ -509,7 +485,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index 5b036881e5..cf03f259d0 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index 175ab44cbf..1d106af786 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index 3abb316a5d..bf25cf29bb 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index 645b09b562..f222829839 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index f79f678626..0f581ebde5 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index f2110baeb6..d1f68e618c 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index 9a6bb47d11..d8c28ba0bf 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index 5ea8d612d5..a0296e46dc 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index c018d89571..9bce816ff6 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index 4758b0f28d..dc7a4a703f 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index 31010c6673..5c452e7389 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index b81ed7d3ae..088127d219 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index 0eaf135840..c96fde83c4 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index a076e7a17d..dcc53034db 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index ce82bf1bcb..2942aabfcc 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index 7ef3d9a51c..5689e652cf 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index 0fb63e46a1..d9791cc007 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index 6375c1b4ad..aa3b57b72e 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index f0026c383e..50373f9b33 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index 590ad1d1ce..bfb1f56256 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index 922cfbf7dd..33cc0a05e8 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index cb6380b52d..c111ec7d6a 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index b763988b48..a103d64b10 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index 269128bfcc..3edb55ece9 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index 47e254335a..bed203b579 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index 95c8a0426b..c1c213a437 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index 954775461b..3cba049cf1 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index 4a015e9cf1..2130dabe1d 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index ed495eef32..6225665bcc 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 836cd82302..1fbda9d39e 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index cbfa081818..3a29c91a55 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index 55dada2d5e..b1f6b87172 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 3c13127468..592d1dfc6b 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index 6c4d90ceed..7f8c569979 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index 32eb139bfb..a9eaa0c96a 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index 723e06345f..1c73129c37 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index dad426605f..43329e8e55 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index 879f77e680..b7d4fa6a19 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index c81b18ea14..9cca65af1f 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props, // TODO: from the URL params, or something... this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { // TODO: Insert collection parameters here, just before operator. this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText); } else { this.fetchAdvancedSearchResults(this.advancedSearchTerm); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index 975a9d0564..c5acff8dc2 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index 7905048306..c4b9035181 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 96834f8d53..5ef2f8524e 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index 3bd02cf212..1931821a71 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index 2feaa6c52f..fe7d7caabf 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index d5c87fdaf6..5f49508c44 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index 692a66e575..6afd966d06 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index ee887dff2e..63afd9b6df 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index 01050fa7f3..9d6f907c46 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -119,11 +119,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       &lt;/v-btn>
       &lt;SaveSearchButton />
     &lt;/div>
-    &lt;h4
-      v-if="searchingCollection"
-    >
-      You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
-    &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
         x-small
@@ -262,7 +257,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
   &lt;/div>
 &lt;/template>
 &lt;script>
-import { mapActions, mapGetters, mapState } from "vuex";
+import { mapActions, mapGetters } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -293,8 +288,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
-    ...mapGetters("records", ["getCollectionIdsParams"]),
-    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &amp;&amp;
@@ -411,14 +404,6 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         ? record["publications"].length
         : 0;
     },
-    searchingCollection() {
-      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
-        this.currentRecord.fairsharingRecord  &amp;&amp;
-        this.currentRecord.fairsharingRecord.type === 'collection' ) {
-        return true;
-      }
-      return false;
-    }
   },
 };
 &lt;/script>
@@ -482,7 +467,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index 747e66659a..82980431a9 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index 0c1a5ebc6a..7d4d823658 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index 5ea0d1d3b3..c57005c590 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index 8c17157edf..758dc83f0a 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index 811768a5a1..1d52541f0a 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -644,7 +644,7 @@ <h1 class="page-title">Source: views/Records/Record.vue</h1>
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records.
+    // minor change in the y axis can fix a serious bug after going back to records..
     this.$scrollTo('body',5,{})
   },
   async mounted() {
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index 18820e89f4..0a548907b8 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 391a5160ca..78d8cf3fc3 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index 85ca11eaeb..0ee3359d7d 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index e21246fab7..7b98728461 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index 2253da8ac9..026a6d7a65 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 10th 2025
+		on Thu Jul 17th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>

From 7a16e98caf38467347df926d55e05ad10523747b Mon Sep 17 00:00:00 2001
From: knirirr <knirirr@users.noreply.github.com>
Date: Fri, 18 Jul 2025 12:44:51 +0000
Subject: [PATCH 8/8] Autogenerated documentation files

---
 documentation/html/ExternalRESTClients.html   |  2 +-
 documentation/html/GraphQLClient.html         |  2 +-
 documentation/html/RESTClient.html            |  2 +-
 documentation/html/Static.html                |  2 +-
 documentation/html/classes.list.html          |  2 +-
 ...rs_CuratorRecordsAwaitingApproval.vue.html |  2 +-
 ...mponents_CuratorSummaryStatistics.vue.html |  2 +-
 ...ordsComponents_RecordEditsByMonth.vue.html |  2 +-
 ...sComponents_RecordsCreatedByMonth.vue.html |  2 +-
 ...dsComponents_RecordsNeedingReview.vue.html |  2 +-
 ...ordsComponents_RecordsWithoutDois.vue.html |  2 +-
 ...components_Curators_HiddenRecords.vue.html |  2 +-
 ...onents_Curators_IncompleteRecords.vue.html |  2 +-
 ...ents_Curators_MaintenanceRequests.vue.html |  2 +-
 ...ts_Curators_RecentCuratorCreation.vue.html |  2 +-
 ...omponents_Curators_SystemMessages.vue.html |  2 +-
 ...ators_UserRecordsAwaitingApproval.vue.html |  2 +-
 ...onents_Records_Record_Collections.vue.html |  2 +-
 ..._Record_GeneralInfo_SavedSearches.vue.html |  2 +-
 ...nts_Records_Record_RelatedContent.vue.html |  2 +-
 ...Records_Search_Header_FilterChips.vue.html |  2 +-
 ..._Records_Search_Header_Pagination.vue.html |  2 +-
 ...nts_Records_Search_Header_Sorting.vue.html |  2 +-
 ...cedSearch_AdvancedSearchDialogBox.vue.html | 34 ++++++++++++++++---
 ...nents_GeneralComponents_Countries.vue.html |  2 +-
 ...ponents_GeneralComponents_Domains.vue.html |  2 +-
 ...onents_GeneralComponents_Licences.vue.html |  2 +-
 ...nts_GeneralComponents_ObjectTypes.vue.html |  2 +-
 ...s_GeneralComponents_Organisations.vue.html |  2 +-
 ...ponents_GeneralComponents_Subject.vue.html |  2 +-
 ...ents_GeneralComponents_Taxonomies.vue.html |  2 +-
 ..._GeneralComponents_UserDefinedTag.vue.html |  2 +-
 ...onents_GroupCtrlSlot_DatabaseRule.vue.html |  2 +-
 ...ponents_GroupCtrlSlot_GeneralRule.vue.html |  2 +-
 ...nents_GroupCtrlSlot_GroupCtrlSlot.vue.html |  2 +-
 ...mponents_GroupCtrlSlot_PolicyRule.vue.html |  2 +-
 ...onents_GroupCtrlSlot_StandardRule.vue.html |  2 +-
 ...t_AdvancedSearch_QueryBuilderView.vue.html |  2 +-
 ...s_Search_Input_FilterAutocomplete.vue.html |  2 +-
 ...Records_Search_Input_FilterButton.vue.html |  2 +-
 ..._Records_Search_Input_SearchInput.vue.html |  2 +-
 ...earch_SaveSearch_SaveSearchButton.vue.html |  2 +-
 ...arch_SaveSearch_SaveSearchStepper.vue.html |  2 +-
 ...perComponents_OrganisationStepper.vue.html |  2 +-
 ...h_StepperComponents_PolicyStepper.vue.html |  2 +-
 ...arch_StepperComponents_ResultCard.vue.html |  2 +-
 ...perComponents_StepperDialogHeader.vue.html |  2 +-
 ...rch_StepperComponents_UserStepper.vue.html |  2 +-
 ...es_Private_ViewSavedSearchesTable.vue.html |  2 +-
 documentation/html/global.html                |  2 +-
 documentation/html/index.html                 |  2 +-
 .../html/lib_Client_ExternalClients.js.html   |  2 +-
 .../html/lib_Client_RESTClient.js.html        |  2 +-
 .../html/lib_GraphClient_GraphClient.js.html  |  2 +-
 documentation/html/module-Home.html           |  2 +-
 documentation/html/module-Login.html          |  2 +-
 documentation/html/module-NewRecord.html      |  2 +-
 documentation/html/module-Pagination.html     |  2 +-
 documentation/html/module-Signup.html         |  2 +-
 documentation/html/module-User.html           |  2 +-
 documentation/html/modules.list.html          |  2 +-
 documentation/html/namespaces.list.html       |  2 +-
 documentation/html/quicksearch.html           |  2 +-
 documentation/html/router_hackSearch.js.html  |  2 +-
 documentation/html/store_introspector.js.html |  2 +-
 documentation/html/store_recordData.js.html   |  2 +-
 documentation/html/store_recordSearch.js.html |  2 +-
 .../html/store_searchFilters.js.html          |  2 +-
 .../html/utils_advancedSearchUtils.js.html    |  2 +-
 .../html/utils_recordTabUtils.js.html         |  2 +-
 documentation/html/utils_rules.js.html        |  2 +-
 ...dSearch_AdvancedSearchResultTable.vue.html | 19 +++++++++--
 ...cedSearch_AdvancedSearchSelection.vue.html |  2 +-
 .../views_CreateRecord_NewRecord.vue.html     |  2 +-
 documentation/html/views_Home_Home.vue.html   |  2 +-
 .../views_Organisations_Organisation.vue.html |  2 +-
 .../html/views_Records_Record.vue.html        |  4 +--
 .../html/views_Records_Records.vue.html       |  2 +-
 .../views_Static_Community_Community.vue.html |  2 +-
 .../views_Static_Timeline_Timeline.vue.html   |  2 +-
 .../html/views_Users_Login_Login.vue.html     |  2 +-
 .../html/views_Users_Signup.vue.html          |  2 +-
 82 files changed, 127 insertions(+), 88 deletions(-)

diff --git a/documentation/html/ExternalRESTClients.html b/documentation/html/ExternalRESTClients.html
index cb51575a6c..4901149dad 100644
--- a/documentation/html/ExternalRESTClients.html
+++ b/documentation/html/ExternalRESTClients.html
@@ -414,7 +414,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/GraphQLClient.html b/documentation/html/GraphQLClient.html
index c80b1375e8..189732cfef 100644
--- a/documentation/html/GraphQLClient.html
+++ b/documentation/html/GraphQLClient.html
@@ -912,7 +912,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/RESTClient.html b/documentation/html/RESTClient.html
index cb298c2fe1..a9b355a27a 100644
--- a/documentation/html/RESTClient.html
+++ b/documentation/html/RESTClient.html
@@ -9053,7 +9053,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/Static.html b/documentation/html/Static.html
index 223ba9a38a..8b5db49392 100644
--- a/documentation/html/Static.html
+++ b/documentation/html/Static.html
@@ -391,7 +391,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/classes.list.html b/documentation/html/classes.list.html
index 5d8a483c03..c03bab6de7 100644
--- a/documentation/html/classes.list.html
+++ b/documentation/html/classes.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
index 5b9927afe2..4436157f18 100644
--- a/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_CuratorRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
index d809899948..1d6f221c19 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html
@@ -209,7 +209,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
index b59849d7cb..46c781a6f3 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html
@@ -211,7 +211,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
index 4dcf71848d..06907187f0 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
index 45752f68d2..b5ed2f4666 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html
@@ -208,7 +208,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
index 5e83c99964..5cad33db51 100644
--- a/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
+++ b/documentation/html/components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_HiddenRecords.vue.html b/documentation/html/components_Curators_HiddenRecords.vue.html
index 67dac150c0..27e208498d 100644
--- a/documentation/html/components_Curators_HiddenRecords.vue.html
+++ b/documentation/html/components_Curators_HiddenRecords.vue.html
@@ -294,7 +294,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_IncompleteRecords.vue.html b/documentation/html/components_Curators_IncompleteRecords.vue.html
index 5228d5a121..64d59e3679 100644
--- a/documentation/html/components_Curators_IncompleteRecords.vue.html
+++ b/documentation/html/components_Curators_IncompleteRecords.vue.html
@@ -392,7 +392,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_MaintenanceRequests.vue.html b/documentation/html/components_Curators_MaintenanceRequests.vue.html
index 0a3fade70f..459b1eb1d9 100644
--- a/documentation/html/components_Curators_MaintenanceRequests.vue.html
+++ b/documentation/html/components_Curators_MaintenanceRequests.vue.html
@@ -604,7 +604,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_RecentCuratorCreation.vue.html b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
index 111d35546f..3cd78bce19 100644
--- a/documentation/html/components_Curators_RecentCuratorCreation.vue.html
+++ b/documentation/html/components_Curators_RecentCuratorCreation.vue.html
@@ -287,7 +287,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_SystemMessages.vue.html b/documentation/html/components_Curators_SystemMessages.vue.html
index 90cb5c17e1..1e34aafe83 100644
--- a/documentation/html/components_Curators_SystemMessages.vue.html
+++ b/documentation/html/components_Curators_SystemMessages.vue.html
@@ -479,7 +479,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
index 74870066e9..bba2cd897e 100644
--- a/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
+++ b/documentation/html/components_Curators_UserRecordsAwaitingApproval.vue.html
@@ -752,7 +752,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_Collections.vue.html b/documentation/html/components_Records_Record_Collections.vue.html
index efec910a5f..6c9db65706 100644
--- a/documentation/html/components_Records_Record_Collections.vue.html
+++ b/documentation/html/components_Records_Record_Collections.vue.html
@@ -407,7 +407,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
index 4787d304fe..e3267e86bc 100644
--- a/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
+++ b/documentation/html/components_Records_Record_GeneralInfo_SavedSearches.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Record_RelatedContent.vue.html b/documentation/html/components_Records_Record_RelatedContent.vue.html
index 9e47c2482d..5161e8b075 100644
--- a/documentation/html/components_Records_Record_RelatedContent.vue.html
+++ b/documentation/html/components_Records_Record_RelatedContent.vue.html
@@ -381,7 +381,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_FilterChips.vue.html b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
index eee69c3bdd..365c9944d2 100644
--- a/documentation/html/components_Records_Search_Header_FilterChips.vue.html
+++ b/documentation/html/components_Records_Search_Header_FilterChips.vue.html
@@ -253,7 +253,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Pagination.vue.html b/documentation/html/components_Records_Search_Header_Pagination.vue.html
index c4ade8b33a..79cbf38b7e 100644
--- a/documentation/html/components_Records_Search_Header_Pagination.vue.html
+++ b/documentation/html/components_Records_Search_Header_Pagination.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Header_Sorting.vue.html b/documentation/html/components_Records_Search_Header_Sorting.vue.html
index 5bf2e9afc3..5d1cc7c8f5 100644
--- a/documentation/html/components_Records_Search_Header_Sorting.vue.html
+++ b/documentation/html/components_Records_Search_Header_Sorting.vue.html
@@ -215,7 +215,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
index 0bbdd54294..56aaf448a4 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html
@@ -147,6 +147,11 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
             &lt;h2 class="primary--text">
               Advanced filtering and searching for FAIRsharing records
             &lt;/h2>
+            &lt;h4
+              v-if="searchingCollection"
+            >
+              You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
+            &lt;/h4>
             &lt;p style="text-align: center">
               Find out more about our Advanced Search in our
               &lt;a
@@ -237,7 +242,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
 
 &lt;script>
 import { isBoolean } from "lodash";
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import TooltipComponent from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue";
 import QueryBuilderView from "@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue";
@@ -269,6 +274,8 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       "getEditDialogStatus",
       "getAdvancedSearchDialogStatus",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     /**
      * Enables the proceed button when all the selected fields are non-empty
      * @returns {boolean}
@@ -294,6 +301,14 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
       if (allTrue) isDisabled = !allTrue;
       return isDisabled;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
   watch: {
     getEditDialogStatus(newValue) {
@@ -340,6 +355,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         operator: this.getAdvancedSearch["operatorIdentifier"],
         fields: queryString,
       };
+
       return queryValues;
     },
 
@@ -355,10 +371,18 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
      * in dialog box
      */
     goToAdvancedSearch() {
+      let idsToSend = [];
+      // These IDs are visible here but disappear when sent to the advancedSearch store,
+      // unless the array is copied this way.
+      // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props,
+      // TODO: from the URL params, or something...
+      this.getCollectionIdsParams.forEach((id) => {
+        idsToSend.push(id);
+      })
       if (this.updatedAdvancedSearchText) {
-        this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText);
+        this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]);
       } else {
-        this.fetchAdvancedSearchResults(this.advancedSearchTerm);
+        this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]);
       }
       this.closeDialog();
       //Clear search text field flag
@@ -378,6 +402,7 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         this.getAdvancedSearch["children"].length
       ) {
         this.getAdvancedSearch["children"].forEach((item) => {
+          // TODO: Insert collection parameters here, just before operator.
           this.queryString = "";
           this.queryString += "(operator=";
           this.queryString += item["operatorIdentifier"];
@@ -429,7 +454,6 @@ <h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/Ad
         }
       }
     },
-
     /**
      * Method to fetch/update the searchTerm
      * @param {String} -- item
@@ -485,7 +509,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
index cf03f259d0..d0d1599980 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
index 1d106af786..81c8b5b862 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html
@@ -223,7 +223,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
index bf25cf29bb..9fe234d499 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
index f222829839..a6ea687561 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html
@@ -233,7 +233,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
index 0f581ebde5..6205df31af 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
index d1f68e618c..31411c3031 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html
@@ -225,7 +225,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
index d8c28ba0bf..dc3a9a4158 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
index a0296e46dc..eabb885c02 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html
@@ -226,7 +226,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
index 9bce816ff6..dc7cc0ca12 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html
@@ -312,7 +312,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
index dc7a4a703f..7c91efd49d 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
index 5c452e7389..e9e7837451 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html
@@ -187,7 +187,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
index 088127d219..5000a1e05c 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html
@@ -330,7 +330,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
index c96fde83c4..1afbe3f58b 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html
@@ -216,7 +216,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
index dcc53034db..94a0e0334c 100644
--- a/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
+++ b/documentation/html/components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html
@@ -627,7 +627,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
index 2942aabfcc..2ce6c7fe98 100644
--- a/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterAutocomplete.vue.html
@@ -315,7 +315,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_FilterButton.vue.html b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
index 5689e652cf..cb28c01fdf 100644
--- a/documentation/html/components_Records_Search_Input_FilterButton.vue.html
+++ b/documentation/html/components_Records_Search_Input_FilterButton.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_Input_SearchInput.vue.html b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
index d9791cc007..0d95d324d2 100644
--- a/documentation/html/components_Records_Search_Input_SearchInput.vue.html
+++ b/documentation/html/components_Records_Search_Input_SearchInput.vue.html
@@ -285,7 +285,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
index aa3b57b72e..a6d18f77bb 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchButton.vue.html
@@ -182,7 +182,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
index 50373f9b33..c79eec1dac 100644
--- a/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_SaveSearchStepper.vue.html
@@ -469,7 +469,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
index bfb1f56256..88dbff3fbe 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html
@@ -278,7 +278,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
index 33cc0a05e8..9d2e86ff85 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html
@@ -279,7 +279,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
index c111ec7d6a..bdc68500d2 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html
@@ -259,7 +259,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
index a103d64b10..a8caa8156a 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html
@@ -189,7 +189,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
index 3edb55ece9..9ce2182c0c 100644
--- a/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
+++ b/documentation/html/components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html
@@ -230,7 +230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
index bed203b579..799728fed9 100644
--- a/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
+++ b/documentation/html/components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html
@@ -507,7 +507,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/global.html b/documentation/html/global.html
index c1c213a437..0a75978cc5 100644
--- a/documentation/html/global.html
+++ b/documentation/html/global.html
@@ -2859,7 +2859,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/index.html b/documentation/html/index.html
index 3cba049cf1..19c76ee2f7 100644
--- a/documentation/html/index.html
+++ b/documentation/html/index.html
@@ -175,7 +175,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_ExternalClients.js.html b/documentation/html/lib_Client_ExternalClients.js.html
index 2130dabe1d..85d6865eae 100644
--- a/documentation/html/lib_Client_ExternalClients.js.html
+++ b/documentation/html/lib_Client_ExternalClients.js.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_Client_RESTClient.js.html b/documentation/html/lib_Client_RESTClient.js.html
index 6225665bcc..02cb415366 100644
--- a/documentation/html/lib_Client_RESTClient.js.html
+++ b/documentation/html/lib_Client_RESTClient.js.html
@@ -1230,7 +1230,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/lib_GraphClient_GraphClient.js.html b/documentation/html/lib_GraphClient_GraphClient.js.html
index 1fbda9d39e..27a22892c5 100644
--- a/documentation/html/lib_GraphClient_GraphClient.js.html
+++ b/documentation/html/lib_GraphClient_GraphClient.js.html
@@ -286,7 +286,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Home.html b/documentation/html/module-Home.html
index 3a29c91a55..75a4595bf5 100644
--- a/documentation/html/module-Home.html
+++ b/documentation/html/module-Home.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Login.html b/documentation/html/module-Login.html
index b1f6b87172..588720036b 100644
--- a/documentation/html/module-Login.html
+++ b/documentation/html/module-Login.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-NewRecord.html b/documentation/html/module-NewRecord.html
index 592d1dfc6b..3ff4615cad 100644
--- a/documentation/html/module-NewRecord.html
+++ b/documentation/html/module-NewRecord.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Pagination.html b/documentation/html/module-Pagination.html
index 7f8c569979..8bda274ded 100644
--- a/documentation/html/module-Pagination.html
+++ b/documentation/html/module-Pagination.html
@@ -527,7 +527,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-Signup.html b/documentation/html/module-Signup.html
index a9eaa0c96a..d1ab5d17d2 100644
--- a/documentation/html/module-Signup.html
+++ b/documentation/html/module-Signup.html
@@ -220,7 +220,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/module-User.html b/documentation/html/module-User.html
index 1c73129c37..fbfbd4ccfc 100644
--- a/documentation/html/module-User.html
+++ b/documentation/html/module-User.html
@@ -228,7 +228,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/modules.list.html b/documentation/html/modules.list.html
index 43329e8e55..e97b830d8e 100644
--- a/documentation/html/modules.list.html
+++ b/documentation/html/modules.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/namespaces.list.html b/documentation/html/namespaces.list.html
index b7d4fa6a19..982b875232 100644
--- a/documentation/html/namespaces.list.html
+++ b/documentation/html/namespaces.list.html
@@ -2879,7 +2879,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index 9cca65af1f..c81b18ea14 100644
--- a/documentation/html/quicksearch.html
+++ b/documentation/html/quicksearch.html
@@ -7,7 +7,7 @@
     <script src="scripts/fulltext-search.js"></script>
 
     <script type="text/x-docstrap-searchdb">
-    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults(this.updatedAdvancedSearchText); } else { this.fetchAdvancedSearchResults(this.advancedSearchTerm); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records.. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
+    {"lib_Client_ExternalClients.js.html":{"id":"lib_Client_ExternalClients.js.html","title":"Source: lib/Client/ExternalClients.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/ExternalClients.js import axios from \"axios\" class ExternalRESTClients { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (ExternalRESTClients._instance) { return ExternalRESTClients._instance } ExternalRESTClients._instance = this; this.doiBaseURL = 'https://dx.doi.org/'; this.headers = { 'Accept': 'application/x-bibtex', }; this.pmidBaseURL = \"https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&amp;retmode=json&amp;id=\"; this.tessBaseURL = \"https://tess.elixir-europe.org/materials.json?q=\"; this.orcidBaseURL = \"https://pub.orcid.org/v2.0/\"; this.rorOrganisationsBaseURL = \"https://api.ror.org/v2/organizations?query=\"; } async getDOI(doi){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.doiBaseURL + doi, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } async getPMID(id){ const request = { url: this.pmidBaseURL + id, headers: { 'Accept': 'application/json', } }; let response = await this.executeQuery(request); return response.data; } async getTessRecords(string){ const request = { url: this.tessBaseURL + string, headers: this.headers }; let response = await this.executeQuery(request); return response.data; } async getOrcidUser(user){ this.headers['Accept'] = \"application/orcid+json\"; const request = { url: this.orcidBaseURL + user, headers: this.headers }; let response = await this.executeQuery(request); this.headers['Accept'] = 'application/x-bibtex'; return response.data; } async getROROrganisation(organisation){ let localHeaders = this.headers; localHeaders['Accept'] = 'application/json'; const request = { url: this.rorOrganisationsBaseURL + organisation, headers: localHeaders }; let response = await this.executeQuery(request); return response.data; } /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios.get(query.url, {headers: query.headers}); } catch(e){ return({data: {error: e}}); } } } export default ExternalRESTClients; × Search results Close "},"lib_GraphClient_GraphClient.js.html":{"id":"lib_GraphClient_GraphClient.js.html","title":"Source: lib/GraphClient/GraphClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js const axios = require(\"axios\"); import Fragments from \"./queries/fragments/fragments.json\"; class GraphQLClient { /** The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. * Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be * also careful, its constructor is async !! * @returns {Promise} - to use this object you need to do \"await new ClassName()\" or use .then(callback) */ constructor() { this.initalizeHeader(); if (GraphQLClient._instance) { return GraphQLClient._instance; } GraphQLClient._instance = this; this.url = process.env.VUE_APP_API_ENDPOINT + \"/graphql\"; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * sending to the API. * @returns {Promise} */ async executeQuery(query) { let client = this; let queryString = { query: `{${client.buildQuery(query)}}`, }; let resp = await this.getData(queryString); if (resp.data.errors) { return resp.data.errors; } return resp.data.data; } /** * Takes the query, post it with axios and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() or a GraphQL query string * @returns {Promise} - an axios promise representing the server response. */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", baseURL: client.url, data: queryString, headers: client.headers, }; return axios(fullQuery); } /** * Transform the JSON query into a string for graphQL * @param {Object} query - the query coming from the JSON file * @returns {Object} {query: queryString} - a valid graphQL query string to execute */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; // query name // Handle query parameters if (query.queryParam) { queryString += \"(\"; Object.keys(query.queryParam).forEach(function (key) { if ( typeof query.queryParam[key] === \"boolean\" || typeof query.queryParam[key] === \"number\" ) { queryString += `${key}:${query.queryParam[key]} `; } else if (typeof query.queryParam[key] === \"string\") { //Modified to adjust multiple arguments in GraphQl query params const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else queryString += `${key}:\"${query.queryParam[key]}\" `; // queryString += `${key}:\"${query.queryParam[key]}\" `; } else { let param = []; query.queryParam[key].forEach(function (paramVal) { typeof paramVal !== \"number\" ? param.push('\"' + paramVal + '\"') : param.push(paramVal); }); queryString += `${key}:[${param.join(\",\")}]`; } }); queryString += \")\"; } // Handle query fields if (query.fields) { queryString += \"{\"; query.fields.forEach(function (field) { if (typeof field === \"string\") { queryString += ` ${field}`; } if (typeof field === \"object\") { if (\"$ref\" in field) { let myRef = Fragments[field[\"$ref\"]]; for (let subField of myRef) { if (typeof subField === \"string\") { queryString += ` ${subField}`; } else { queryString += ` ${client.buildQuery(subField)}`; } } } else { queryString += ` ${field.name}{`; field.fields.forEach(function (subField) { if (typeof subField === \"string\") { queryString += `${subField} `; } else { queryString += `${client.buildQuery(subField)}`; } }); queryString += \"}\"; } } }); queryString += \"}\"; } return queryString; } /** * Add the authorization token to the headers * @param {String} jwt - the user json web token */ setHeader(jwt) { this.headers[\"Authorization\"] = `Bearer ${jwt}`; } initalizeHeader() { this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; /* istanbul ignore if */ if (this.headers[\"X-Client-Id\"] === undefined) { delete this.headers[\"X-Client-Id\"]; } } } export default GraphQLClient; × Search results Close "},"lib_Client_RESTClient.js.html":{"id":"lib_Client_RESTClient.js.html","title":"Source: lib/Client/RESTClient.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/Client/RESTClient.js import axios from \"axios\"; //import {toBase64} from \"@/utils/generalUtils\" class RESTClient { /** * The RESTClient is a singleton class that handles the connection and data exchange from the back-end * REST API. */ constructor() { if (RESTClient._instance) { return RESTClient._instance; } RESTClient._instance = this; this.baseURL = process.env.VUE_APP_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = process.env.VUE_APP_CLIENT_ID; } /* USERS: all methods below related to handling user authentication */ /** * Method to add authorisation to the headers. * @param jwt - the user's json web token * @return {JSON} - headers with authorisation field added */ auth_headers(jwt) { let headers = JSON.parse(JSON.stringify(this.headers)); headers[\"Authorization\"] = \"Bearer \" + jwt; return headers; } /** * Method to log in the user * @param username - name of the user * @param password - password of the user * @return {Promise} - the response of the server */ async login(username, password) { const endpoint = \"/users/sign_in\"; const body = { user: { login: username, password: password, }, }; const request = { method: \"post\", baseURL: this.baseURL + endpoint, data: body, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Logout the user from the back, expiring the current jwt. * @param {String} jwt - the user token to expire. * @returns {Promise} */ async logout(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users/sign_out\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user's account (they must be logged in). * @param {String} jwt - the user token to expire. * @returns {Promise} */ async delete(jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Method to create a new user * @param {Object} userLogin - the user account to create * @returns {Promise} response - server response */ async createAccount(userLogin) { const request = { method: \"post\", baseURL: this.baseURL + \"/users\", data: { user: userLogin }, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Validate the account given the corresponding token * @param {String} token - the account token to validate * @returns {Promise} */ async confirmAccount(token) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/confirmation?confirmation_token=\" + token, headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Method to send a reset password link to the given email address * @param {String} email to send the link to * @returns {Promise} */ async requestResetPwd(email) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: { email: email }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Resend the validation link for a given user * @param {Object} user - contains the email of the user. * @returns {Promise} */ async resendConfirmation(user) { const request = { method: \"post\", baseURL: this.baseURL + \"/users/confirmation\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Reset the password of the given user * @param {Object} user - contains the new pwd, repeated pwd and token. * @returns {Promise} */ async resetPassword(user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/password\", headers: this.headers, data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Changes the password of the logged in user * @param {String} jwt - the user token * @param {Object} user - contains the current, new and repeated new password * @returns {Promise} */ async resetPasswordWithoutToken(jwt, user) { const request = { method: \"put\", baseURL: this.baseURL + \"/users/\", headers: this.auth_headers(jwt), data: { user: user }, }; let response = await this.executeQuery(request); return response.data; } /** * Verify the validity of the given password * @param {String} password - the password to test * @returns {Promise} */ async verifyPassword(password) { let headers = JSON.parse(JSON.stringify(this.headers)); const request = { method: \"post\", baseURL: this.baseURL + \"/users/check_password\", headers: headers, data: { password: password }, }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @returns {Promise} */ async getUser(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/edit\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get the current user data * @param jwt * @param id * @returns {Promise} */ async getPublicUser(jwt, id) { const request = { method: \"get\", baseURL: this.baseURL + `/user_admin/${id}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Get all users list * @param jwt * @returns {Promise} */ async getUsersList(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_admin/\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/users\", headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Edit the current logged in user profile * @param {Object} newUser - the new values for the logged in user * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async editPublicUser(newUser, jwt) { const request = { method: \"put\", baseURL: this.baseURL + `/user_admin/${newUser.id}`, headers: this.auth_headers(jwt), data: { user: newUser }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete the user * @param userID * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async deletePublicUser(userID, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + `/user_admin/${userID}`, headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /** * Verify that the given JWT is still valid * @param {String} jwt - the token to validate * @returns {Promise} */ async validateToken(jwt) { const request = { method: \"get\", baseURL: this.baseURL + \"/users/valid\", headers: this.auth_headers(jwt), }; let response = await this.executeQuery(request); return response.data; } /* EDITORS METHODS */ /** * Post the given object to the API to create the corresponding record. * @param record * @param {String} jwt - JWT of the logged in user * @returns {Promise} */ async createRecord(record, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records\", headers: this.auth_headers(jwt), data: { fairsharing_record: record }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given record * @param {Object} record - the record to update containing the ID to target, the new values * and the user token * @returns {Promise} */ async updateRecord(record) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + record.id, headers: this.auth_headers(record.token), data: { fairsharing_record: record.record }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to edit this record. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canEdit(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/fairsharing_records/can_edit/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async claimRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async canClaim(recordID, userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/maintenance_requests/existing/\" + recordID, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /** * Remove an existing maintainer from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see Record.spec.js). /* istanbul ignore next */ async removeMaintainer(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/maintenance_requests/remove\", headers: this.auth_headers(userToken), data: { maintenance_request: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /** * Add or remove an watcher to/from a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} operation - 'add' or 'remove'. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ // TODO: Mocking this in a test (5c40b02ba3d78a49a088ab6dd5145c9ea10ea24b) // caused it to no longer be covered! /* istanbul ignore next */ async changeWatcher(recordID, operation, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/watch\", headers: this.auth_headers(userToken), data: { record_id: recordID, operation: operation, }, }; let response = await this.executeQuery(request); return response.data; } /** * Attempt to create a RecordReview for a user for a FairsharingRecord. * @param {Integer} recordID - ID for the relevant FairsharingRecord. * @param {String} userToken - JWT of the logged in user * @returns {Promise} */ async reviewRecord(recordID, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/record_reviews\", headers: this.auth_headers(userToken), data: { record_review: { fairsharing_record_id: recordID } }, }; let response = await this.executeQuery(request); return response.data; } /* USER DEFINED TAGS */ /** * Create a new user defined tag in the database for users to tag their records. * @param {String} term - the string value of the term * @param {String} token - the user JWT * @returns {Promise} */ async createNewUserDefinedTag(term, token) { const request = { method: \"post\", baseURL: this.baseURL + \"/user_defined_tags\", headers: this.auth_headers(token), data: { user_defined_tag: { label: term } }, }; let response = await this.executeQuery(request); return response.data; } /* LICENCES */ /** * Create new a licence link * @param {Object} licenceLink - the licence link to create * @param {String} token - the user token * @returns {Promise} */ async createLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/licence_links\", headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given licence * @param {Number} id - id of the licence link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteLicenceLink(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/licence_links/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the licenceLink * @param {Object} licenceLink - the new values for the licence link * @param {String} token the user token * @returns {Promise} */ async updateLicenceLink(licenceLink, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/licence_links/\" + licenceLink.id, headers: this.auth_headers(token), data: { licence_link: licenceLink }, }; let response = await _client.executeQuery(request); return response.data; } /* PUBLICATIONS */ async createPublication(publication, token) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/publications\", headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } async editPublication(publication, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/publications/\" + publication.id, headers: this.auth_headers(token), data: { publication: publication }, }; let response = await _client.executeQuery(request); return response.data; } /* RELATIONSHIPS BETWEEN RECORDS */ /** * Saves the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async saveRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /** * Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID * @param {Object} options - the options to pass as {token: String, relations: Array} * @returns {Promise} */ async deleteRelations(options) { if (options.relations.length &gt; 0) { const request = { method: \"put\", baseURL: this.baseURL + \"/fairsharing_records/\" + options.target, headers: this.auth_headers(options.token), data: { fairsharing_record: { record_associations_attributes: options.relations, }, }, }; let response = await this.executeQuery(request); return response.data; } return {}; } /* ORGANISATIONS AND GRANTS */ /** * Create a given organisation * @param {Object} organisation * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisation(organisation, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisations\", headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Edit a given organisation * @param {Object} organisation * @param {Number} id * @param {String} userToken - the user jwt * @returns {Promise} */ async editOrganisation(organisation, id, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisations/\" + id, headers: this.auth_headers(userToken), data: { organisation: organisation }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} organisationId - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisation(organisationId, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisations/\" + organisationId, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Create a given grant * @param {Object} grant * @param {String} userToken - the user jwt * @returns {Promise} */ async createGrant(grant, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/grants\", headers: this.auth_headers(userToken), data: { grant: grant }, }; let response = await _client.executeQuery(request); return response.data; } /** * Create a new link between an organisation, a record and an optional grant. * @param {Object} organisationLink - the organisation link to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createOrganisationLink(organisationLink, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/organisation_links\", headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Update the organisationLink given from linkID input with the given organisationLink * @param {Object} organisationLink - the new organisation link value * @param {Number} linkID - ID of the organisationLink to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateOrganisationLink(organisationLink, linkID, userToken) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), data: { organisation_link: organisationLink }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the given organisation link * @param {Number} linkID - the id of the link to remove * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteOrganisationLink(linkID, userToken) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/organisation_links/\" + linkID, headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the extra metadata fields for a RecordType * @param {String} type - name of the record type. * @param {String} userToken - the user jwt * @returns {Promise} */ async extraMetadataFields(type, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/fairsharing_records/metadata_fields\", headers: this.auth_headers(userToken), data: { type: type }, }; let response = await this.executeQuery(request); return response.data; } /* METHODS FOR CURATION */ /** * Update the maintenanceRequest given the new status value * @param {Number} maintenanceRequest ID of the maintenanceRequest to update * @param {string} newStatus - new status to update * @param {String} userToken - the user jwt * @returns {Promise} */ async updateStatusMaintenanceRequest( maintenanceRequest, newStatus, userToken ) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/maintenance_requests/\" + maintenanceRequest, headers: this.auth_headers(userToken), data: { maintenance_request: { status: newStatus } }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete Record * @param {Number} id - id of the record link to delete * @param {String} token - the user token * @returns {Promise} */ async deleteRecord(id, token) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: this.auth_headers(token), }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of allowed relation types for editing record's relationships. * @returns {Promise} */ /* EDITOR DATA */ async getRelationsTypes() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/record_associations/allowed\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get the list of available profile types for a user. * @returns {Promise} */ async getProfileTypes() { const request = { method: \"get\", baseURL: this.baseURL + \"/users/profile_types\", headers: this.headers, }; let response = await this.executeQuery(request); return response.data; } /** * Get the list of available roles for a user. * @returns {Promise} * @param {String} token - the user token */ // Coverage steadfastly refuses to see this even though it is mocked and called // in a test (see EditPublicProfile.spec.js). /* istanbul ignore next */ async getUserRoles(userToken) { const request = { method: \"get\", baseURL: this.baseURL + \"/user_roles\", headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* SYSTEM MESSAGES */ /** * Update the given message * @param {Object} message - the message to update containing the ID to target and the new values * @param {String} userToken - the user jwt * @returns {Promise} */ async updateMessage(message, userToken) { const request = { method: \"put\", baseURL: this.baseURL + \"/messages/\" + message.id, headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {Object} message - the message to create * @param {String} userToken - the user jwt * @returns {Promise} */ async createMessage(message, userToken) { const request = { method: \"post\", baseURL: this.baseURL + \"/messages/\", headers: this.auth_headers(userToken), data: { message: message }, }; let response = await this.executeQuery(request); return response.data; } /** * Update the given message * @param {String} messageId - the ID of the message to delete * @param {String} userToken - the user jwt * @returns {Promise} */ async deleteMessage(messageId, userToken) { const request = { method: \"delete\", baseURL: this.baseURL + \"/messages/\" + messageId, headers: this.auth_headers(userToken), }; let response = await this.executeQuery(request); return response.data; } /* EXTRA METHODS */ /** * Trigger the given query with Axios * @param query * @returns {Promise&lt;*&gt;} */ async executeQuery(query) { try { return await axios(query); } catch (e) { return { data: { error: e } }; } } /** * Get records without DOIS * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordsWoDOIs(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/no_dois\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of records created by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getRecordCreatedByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/creation_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get count of edits by month * @param {String} token - the user token that needs to be a curator * @returns {Promise} */ async getEditByMonth(userToken) { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/files/edit_dates\", headers: this.auth_headers(userToken), }; let response = await _client.executeQuery(request); return response.data; } /** * Get Zenodo call * @param {String} call * @param {String} userToken - the user jwt * @returns {Promise} */ async getZenodoSearch(text, userToken) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/zenodo\", headers: this.auth_headers(userToken), data: { doi: text }, }; let response = await _client.executeQuery(request); return response.data; } // This is covered in BaseFields.spec.js but doesn't show in coverage. /* istanbul ignore next */ async clearLogo(id, token) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/fairsharing_records/\" + id, headers: _client.auth_headers(token), data: { fairsharing_record: { logo: {}, }, }, }; let response = await _client.executeQuery(request); // here the data returned always should be either an array of images or one string of image return response.data; } /** * Get statistics data without users * @returns {Promise} */ async getStatisticsData() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_stats\", }; let response = await _client.executeQuery(request); return response.data; } /** * Get JSON+LD for homepage. * @returns {Promise} */ async getHomepageJsonld() { let _client = this; const request = { method: \"get\", baseURL: _client.baseURL + \"/homepage_jsonld\", }; let response = await _client.executeQuery(request); return response.data; } /** * Send the verification link for a given user * @param {Object} user - contains the email, uid, identifier of the user. * @returns {Promise} */ async sendOrcidVerification(user) { let _client = this; const request = { method: \"post\", baseURL: this.baseURL + \"/users/auth/identify_user\", headers: this.auth_headers(user), data: { user: user }, }; let response = await _client.executeQuery(request); return response.data; } /** * Save the advancedSearch results to the user * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async saveSearch(saveSearchObj, jwt) { let _client = this; const request = { method: \"post\", baseURL: _client.baseURL + \"/saved_searches\", headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } /** * Delete the saved search * @param {Number} savedSearchId - the id of the savedSearch to remove * @param {String} userToken - the user jwt * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async deleteSavedSearch(savedSearchId, jwt) { let _client = this; const request = { method: \"delete\", baseURL: _client.baseURL + \"/saved_searches/\" + savedSearchId, headers: this.auth_headers(jwt), }; let response = await _client.executeQuery(request); return response.data; } /** * Update the saved search * @param {Number} saveSearchId - save search id * @param {Object} saveSearchObj - save search object having required parameters * @param {String} jwt the user token * @returns {Promise} */ /* Ignoring because of 401 access denied in test case */ /* istanbul ignore next */ async updateSaveSearch(saveSearchId, saveSearchObj, jwt) { let _client = this; const request = { method: \"put\", baseURL: _client.baseURL + \"/saved_searches/\" + saveSearchId, headers: this.auth_headers(jwt), data: { saved_search: saveSearchObj }, }; let response = await _client.executeQuery(request); return response.data; } } export default RESTClient; × Search results Close "},"views_Static_Community_Community.vue.html":{"id":"views_Static_Community_Community.vue.html","title":"Source: views/Static/Community/Community.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss?'pa-15 mb-10':''\"&gt; &lt;!-- main_title_2 --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;h1 class=\"mb-5\"&gt; FAIRsharing is a community-driven resource with users and collaborators across all disciplines. We work together with our stakeholders to enable the &lt;a href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" class=\"underline-effect\" &gt;FAIR Principles&lt;/a&gt; by promoting the value and the use of standards, databases and policies. &lt;/h1&gt; &lt;p class=\"text-h5\"&gt; How to cite us: use the DOI for the &lt;a href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" class=\"underline-effect\" &gt;FAIRsharing record&lt;/a&gt;, or our &lt;a href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" class=\"underline-effect\" &gt;publication.&lt;/a&gt; &lt;/p&gt; &lt;!-- Adopters, activities, Governance tabs--&gt; &lt;v-container class=\"my-10\"&gt; &lt;v-row class=\"block-category\" &gt; &lt;v-col v-for=\"(tab,index) in contentTabs\" :key=\"tab.name+'_'+index\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" max-width=\"350\" height=\"300\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"white--text d-flex flex-column justify-center block-category__card__gradient\"&gt; &lt;div style=\"height: 136px\" class=\"d-flex justify-center\" &gt; &lt;v-icon size=\"80\" color=\"white\" style=\"opacity: .7\" &gt; {{ $vuetify.icons.values[tab.icon].icon }} &lt;/v-icon&gt; &lt;/div&gt; &lt;v-card-title class=\"d-inline text-h4 text-center text-md-h5 text-lg-h4\"&gt; {{ tab.name }} &lt;/v-card-title&gt; &lt;/div&gt; &lt;v-card-text class=\"text--primary text-justify\" &gt; &lt;p class=\"text-center\"&gt; {{ tab.description }} &lt;/p&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;!-- Adopters --&gt; &lt;section id=\"adopters\"&gt; &lt;h3 class=\"text-h3 mb-4 mt-5\"&gt; Adopters &lt;/h3&gt; &lt;p&gt; A broad range of &lt;a href=\"/stakeholders\"&gt;stakeholders&lt;/a&gt; come to FAIRsharing from across all research domains. However, adopters use FAIRsharing specifically to do one or more of the following: &lt;/p&gt; &lt;ol type=\"i\"&gt; &lt;li&gt; Educate their users/community on the variety of existing standards, repositories and policies that exist in FAIRsharing and actively encourage them to submit/claim records, where relevant; &lt;/li&gt; &lt;li&gt; Recommend resources by registering their data policy, and then link it to standards and/or databases &lt;a href=\"/search?page=1&amp;isRecommended=true\"&gt;recommended&lt;/a&gt; in the policy; &lt;/li&gt; &lt;li&gt; Create a &lt;a href=\"/collections\"&gt;Collection&lt;/a&gt; that pulls together a list of standards and/or databases around a given domain of interest relevant to them. &lt;/li&gt; &lt;/ol&gt; &lt;p&gt; Adopters are generally representatives of institutions, libraries, journal publishers, infrastructure programmes, societies and other organisations or projects that in turn serve and guide individual researchers or other stakeholders on research data management matters. Adopters display a FAIRsharing logo on their websites with a link from their website to our homepage. &lt;/p&gt; &lt;p&gt; In general, our adopters fall into the following broad categories. If you don't see your project on the list of adopters, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;get in touch&lt;/a&gt;. &lt;/p&gt; &lt;div class=\"text-center\"&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#funders'\" to=\"#funders\" text-color=\"white\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#publishers'\" to=\"#publishers\" text-color=\"white\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#organisations'\" to=\"#organisations\" text-color=\"white\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2 text-white\" &gt; &lt;router-link v-scroll-to=\"'#tools'\" to=\"#tools\" text-color=\"white\" &gt; Tools &lt;/router-link&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Funders &lt;/h4&gt; &lt;p id=\"funders\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of official reports from funders and other organisations that recommend the use of FAIRsharing as a key asset for all stakeholders to enable FAIR data: &lt;/p&gt; &lt;!-- External Links --&gt; &lt;v-row class=\"my-2\" &gt; &lt;v-col v-for=\"(item,index) in externalLinks\" :key=\"index+'_'+item.titleLink\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;a :href=\"item.titleLink\" target=\"_blank\" &gt; &lt;p :class=\"['mb-0 lato-font-medium lato-text-sm underline-effect',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i :class=\"['mb-0 word-break lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.text)\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mb-4 mt-5 pt-10\"&gt; Publishers &lt;/h4&gt; &lt;p id=\"publishers\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; A selection of the publishers that use FAIRsharing to define and refine their data policies: &lt;/p&gt; &lt;!--Adopter table--&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.adopterTable.data\" :key=\"index+'_'+item.adopter\" cols=\"12\" md=\"12\" lg=\"4\" :class=\"['pa-5 links',{'max-width-32-percent':$vuetify.breakpoint.mdAndUp}]\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Other Organisations &lt;/h4&gt; &lt;p id=\"organisations\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some other organisations using FAIRsharing. &lt;/p&gt; &lt;v-row class=\"mt-2 ml-0\" &gt; &lt;v-col v-for=\"(item,index) in tables.globalOrganisationTable.data\" :key=\"`${item.adopter}_${index}`\" :class=\"['pa-5 links full-width',{'max-width-24-percent':$vuetify.breakpoint.mdAndUp}]\" cols=\"12\" md=\"12\" lg=\"4\" &gt; &lt;v-img v-if=\"item.image\" max-width=\"250px\" max-height=\"250px\" :src=\"item.image\" height=\"120\" contain style=\"filter: grayscale(1);\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/section&gt; &lt;!-- new tools section --&gt; &lt;h4 class=\"text-h4 mt-5 pt-10\"&gt; Tools &lt;/h4&gt; &lt;p v-if=\"tables.toolsTable.data.length\" id=\"tools\" :class=\"['mb-0 mt-10 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Tools that make use of FAIRsharing content. If you would like your tool included in this list, please use &lt;a href=\"https://docs.google.com/forms/d/e/1FAIpQLSdl1lKj9xlgN5Od_LyqWfnqBl-8aOLXhdFQa2nfm5CBmZ1TgQ/viewform?usp=sf_link\" target=\"_blank\" &gt;this form&lt;/a&gt; to let us know how you're using FAIRsharing. &lt;/p&gt; &lt;!-- Tools table begins --&gt; &lt;v-row v-if=\"tables.toolsTable.data.length\" dense &gt; &lt;v-col v-for=\"tool in tables.toolsTable.data\" :key=\"tool.id\" cols=\"12\" sm=\"12\" md=\"4\" lg=\"3\" xl=\"2\" &gt; &lt;v-card class=\"full-width\" &gt; &lt;v-img :src=\"tool.logo ? `/assets/Community/tools/${tool.logo}` : '/assets/Community/tools/toolplaceholder.png'\" class=\"white--text align-end\" gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" cover aspect-ratio=\"1\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" &gt; {{ tool.name }} &lt;/a&gt; &lt;/h4&gt; &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"tool.description\" &gt; {{ tool.description }} &lt;/v-card-subtitle&gt; &lt;/v-img&gt; &lt;v-card-text class=\"text--primary\" style=\"height: 100%\" :style=\"$vuetify.breakpoint.xl ? 'height: 320px': $vuetify.breakpoint.mdAndUp ? 'height: 350px' : 'height: 100%'\" &gt; &lt;div v-if=\"tool.organisations &amp;&amp; tool.organisations.length\"&gt; Organisation : &lt;span v-for=\"(org, i) in tool.organisations\" :key=\"org.id\" &gt; &lt;v-tooltip v-if=\"org.tooltip\" bottom &gt; &lt;template #activator=\"{ on }\"&gt; &lt;a :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" v-on=\"on\" &gt;{{ org.name }} &lt;/a&gt; &lt;/template&gt; &lt;span&gt;{{ org.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;a v-else :href=\"`/organisations/${org.id}`\" class=\"d-inline-block\" &gt;{{ org.name }} &lt;/a&gt; &lt;span v-if=\"i+1 &lt; tool.organisations.length\"&gt;, &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.status\"&gt; Status: {{ tool.status }} &lt;/div&gt; &lt;div v-if=\"tool.contacts &amp;&amp; tool.contacts.length\"&gt; Contacts:&lt;br&gt; &lt;span v-for=\"(contact) in tool.contacts\" :key=\"contact.id\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; &lt;a :href=\"contact.url\"&gt;{{ contact.name }}&lt;/a&gt; &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.methods &amp;&amp; tool.methods.length\"&gt; Methods of using FAIRsharing:&lt;br&gt; &lt;span v-for=\"(method) in tool.methods\" :key=\"tool.name + method\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ method }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;div v-if=\"tool.types &amp;&amp; tool.types.length\"&gt; Type of resource:&lt;br&gt; &lt;span v-for=\"(type) in tool.types\" :key=\"tool.name + type\" &gt; &lt;v-chip class=\"ma-2\" x-small &gt; {{ type }} &lt;/v-chip&gt; &lt;/span&gt; &lt;/div&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Tools table ends --&gt; &lt;!-- Activities --&gt; &lt;section id=\"activities\"&gt; &lt;h3 class=\"text-h4 my-4\"&gt; Activities &lt;/h3&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; FAIRsharing is not just a registry. The team behind FAIRsharing is involved in a number of FAIR-enabling activities, delivering guidance, tools and services with and for a variety of stakeholders. As these activities mature, we will implement or connect them in/to the FAIRsharing resource itself. &lt;/p&gt; &lt;p :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Some of these activities are part of funded projects and of national or international consortia, while others are volunteer efforts that fall under a variety of umbrella organisations, such as working groups (WG) and learned societies. &lt;/p&gt; &lt;b :class=\"['mb-2 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; Our activities are classified using the three GO-FAIR pillar structures (change, build, train) and are outlined here. &lt;/b&gt; &lt;!--Activities table--&gt; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt; &lt;/section&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4\"&gt; Governance &lt;/h3&gt; &lt;!-- Meet the team --&gt; &lt;a id=\"team\" /&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ meettheteam.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(meettheteam.description)\" /&gt; &lt;ul class=\"d-flex flex-wrap pl-0\"&gt; &lt;li v-for=\"(profileItem,index) in meettheteam.profiles\" :key=\"`${profileItem}_${index}`\" :class=\"['text-center width-250 height-400 mb-10',$vuetify.breakpoint.mdAndDown?'mx-auto':'']\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"profileItem.profileImg\" style=\"filter: grayscale(1);\" /&gt; &lt;/v-avatar&gt; &lt;p class=\"text-center primary--text lato-font-bold mt-2 ma-0\" style=\"font-size: 1.5rem;min-height: 80px;display: flex;flex-direction: column;\" v-html=\"$sanitize(profileItem.name)\" /&gt; &lt;i class=\"small d-block height-75\"&gt; {{ profileItem.role }} &lt;/i&gt; &lt;div class=\"text-center mt-2 d-flex justify-center\"&gt; &lt;span v-for=\"(socialItem,socialIndex) in profileItem.social\" :key=\"`${socialItem}_${socialIndex}`\" &gt; &lt;a class=\"pr-2\" :href=\"socialItem.link.includes('@')?`mailto:${socialItem.link}`:socialItem.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" :item=\"socialItem.icon\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Advisory Board --&gt; &lt;a id=\"board\" /&gt; &lt;div v-for=\"(governanceItem,key,index) in governance\" :key=\"Object.keys(governanceItem)[index]+'_'+'index'\" &gt; &lt;div class=\"mb-10\"&gt; &lt;h4 class=\"text-h5 mb-8\"&gt; {{ key }} &lt;/h4&gt; &lt;div v-for=\"(itemText,itemIndex) in governance_text\" :key=\"itemText+'_'+itemIndex\" &gt; &lt;p class=\"ma-1\" v-html=\"$sanitize(itemText.text)\" /&gt; &lt;/div&gt; &lt;div v-for=\"(item,itemIndex) in governanceItem\" :key=\"item.title+'_'+itemIndex\" class=\"mt-5\" &gt; &lt;div class=\"mb-5\"&gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex':isArray(itemData)===true &amp;&amp; $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div v-for=\"(itemDataArray,itemDataArrayIndex) in itemData\" v-else :key=\"itemDataArray.link+'_'+itemDataArrayIndex\" class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemDataArray.text)\" /&gt; &lt;a class=\"ml-2 pr-2\" :href=\"itemDataArray.link.toString().includes('@')?`mailto:${itemDataArray.link}`:itemDataArray.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;a id=\"rda\" /&gt; &lt;!-- RDA FAIRsharing WG --&gt; &lt;h4 class=\"text-h5 mb-2\"&gt; {{ rda.title }} &lt;/h4&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(rda.description)\" /&gt; &lt;div v-for=\"(item,itemIndex) in rda.subsections\" :key=\"item.title+'_'+itemIndex\" class=\"ml-8\" &gt; &lt;div class=\"mb-5\"&gt; &lt;h4 class=\"text-h5\"&gt; {{ item.title }} &lt;/h4&gt; &lt;div v-if=\"isArray(item.data)\" &gt; &lt;ul :class=\"['mt-2',{'column-count':$vuetify.breakpoint.mdAndUp}]\"&gt; &lt;li v-for=\"(itemData,itemDataIndex) in item.data\" :key=\"itemData+'_'+itemDataIndex\" :class=\"['mb-1',{'d-flex': $vuetify.breakpoint.lgAndUp}]\" &gt; &lt;div class=\"d-flex mb-2\" &gt; &lt;p class=\"ma-0\" v-html=\"$sanitize(itemData.text)\" /&gt; &lt;a v-if=\"itemData.link\" class=\"ml-2 pr-2\" :href=\"itemData.link.toString().includes('@')?`mailto:${itemData.link}`:itemData.link\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" item=\"Orcid\" :height=\"25\" size=\"30\" wrapper-class=\"\" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" v-html=\"$sanitize(item.data)\" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;p :class=\"['mb-5 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\" &gt; &lt;img height=\"27px\" width=\"27px\" src=\"/assets/icons/zulip-icon.png\" &gt; &lt;/a&gt; We'd like to thank &lt;a href=\"https://zulip.com/\" target=\"_blank\" class=\"underline-effect\" &gt;Zulip&lt;/a&gt; for access to their community plan, which helps both our core team and our champions. Zulip is an open-source modern team chat app designed to keep both live and asynchronous conversations organized. &lt;/p&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import {isArray} from \"lodash\"; import Icon from \"@/components/Icon\"; import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\" /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: {Icon, ActivitiesStaticTable}, title: \"This will be the community page\", data: () =&gt; { return { contentTabs: communityData.contentTabs, externalLinks: communityData.externalLinks, governance: communityData.governance, governance_text: communityData.governance_text, meettheteam: communityData.meettheteam, rda: communityData.rda, tables: communityData.tables, applyCss: false, currentAnchor:'', Icon } }, watch: { $route: { deep:true, handler() { this.applyCss = false this.$nextTick(() =&gt; { this.applyCss = true }) } } }, created() { this.$nextTick(() =&gt; { // update the UI padding and margin after DOM is fully loaded. this.applyCss = true }) }, methods: { jumpToAnchor(selectedAnchor) { if (selectedAnchor !== this.currentAnchor) { this.$router.push({hash: `${selectedAnchor}`}); this.currentAnchor = selectedAnchor; } }, isArray(input){ return isArray(input) } } } &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all .2ms ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(black, .15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, .15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, .15) !important; &amp;:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } &amp;__gradient { height: 200px; background: rgb(171, 171, 171); background: linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -webkit-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -o-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); background: -ms-linear-gradient(50deg, rgb(204, 204, 204) 0%, rgb(135, 135, 135) 100%); } } } .v-divider { margin: 8px; } .border-bottom { border-bottom: 1px solid #ECF0F1 !important; } .border-left { border-left: 1px solid #ECF0F1 !important; } a:hover { div { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } td { font-size: 1rem!important; } .column-count { column-count:2; -moz-column-count: 2; -webkit-column-count: 2; } .word-break { white-space: break-spaces; } &lt;/style&gt; × Search results Close "},"views_Static_Timeline_Timeline.vue.html":{"id":"views_Static_Timeline_Timeline.vue.html","title":"Source: views/Static/Timeline/Timeline.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Timeline/Timeline.vue &lt;template&gt; &lt;h2&gt;This will be the time-line page&lt;/h2&gt; &lt;/template&gt; &lt;script&gt; /** This component handles the sign-up/register page * @memberOf Static * @name Timeline * @type module * @instance * */ export default { name: \"Timeline\" } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; × Search results Close "},"store_recordSearch.js.html":{"id":"store_recordSearch.js.html","title":"Source: store/recordSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordSearch.js import filterMapping from \"@/data/FiltersLabelMapping.json\"; import Client from \"@/lib/GraphClient/GraphClient.js\"; import recordsQuery from \"@/lib/GraphClient/queries/getRecords.json\"; let client = new Client(); export const mutations = { setCollectionIdsParam(state, collectionIDs) { state.collectionIDs = collectionIDs; state.params[\"ids\"] = collectionIDs; }, setRecords(state, data) { state.records = data[\"records\"]; state.facets = buildFacets(data[\"aggregations\"]); state.totalPages = data[\"totalPages\"]; state.perPage = data[\"perPage\"]; state.currentPage = data[\"currentPage\"]; state.hits = data[\"totalCount\"]; }, resetRecords(state) { recordsQuery.queryParam = null; state.records = []; }, resetPages(state) { state.hits = null; state.perPage = null; state.currentPage = 1; state.totalPages = null; }, setLoadingStatus(state, status) { state.loading = status; }, cleanRecordsStore(state) { state.params = { ids: [] }; state.collectionIDs = []; state.records = []; state.facets = []; state.hits = null; state.loading = false; state.totalPages = null; state.perPage = null; state.currentPage = 1; }, }; export const actions = { async initializeCollectionRecords(state, collectionIDs) { this.commit(\"records/setCollectionIdsParam\", collectionIDs); this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); recordsQuery.queryParam = state.state.params; let data; try { data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchCollectionRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); //initialize params state state.state.params = { ids: [...state.state.params.ids] }; Object.keys(params).forEach((key) =&gt; { state.state.params[key] = params[key]; }); recordsQuery.queryParam = state.state.params; let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... this.commit(\"records/setRecords\", { records: [] }); } }, async fetchRecords(state, options) { let params = options.params; let token = options.token; this.commit(\"records/setLoadingStatus\", true); this.commit(\"records/resetRecords\"); this.commit(\"records/resetPages\"); // params['q'] needs to be sanitised here. if (Object.keys(params).length &gt; 0) { if (\"q\" in params) { // TODO: Is it worth preserving foreign characters as discussed here? // https://stackoverflow.com/questions/22192458/how-to-remove-non-alphanumeric-characters-and-space-but-keep-foreign-language-i const cleaned = params[\"q\"].replace(/[^0-9a-z\\s]/gi, \"\"); const newParams = { ...params, q: cleaned }; recordsQuery.queryParam = newParams; } else { recordsQuery.queryParam = params; } } let data; try { if (token) { client.setHeader(token); } data = await client.executeQuery(recordsQuery); // See: https://github.com/FAIRsharing/FAIRsharing-API/issues/532 if (data[\"error\"] === \"invalid query\") { this.commit(\"records/setRecords\", { aggregations: { is_invalid: { meta: {}, doc_count: 1, doc_count_error_upper_bound: 1, sum_other_doc_count: 1, buckets: [{ key: 1, key_as_string: \"true\", doc_count: 1 }], }, }, records: [], }); } else { this.commit(\"records/setRecords\", data[\"searchFairsharingRecords\"]); } this.commit(\"records/setLoadingStatus\", false); } catch { // Loading complete, but no data returned... /* istanbul ignore next */ this.commit(\"records/setRecords\", { records: [] }); } }, resetRecords() { this.commit(\"records/resetRecords\"); }, }; export const getters = { getFilter: (state) =&gt; (facetName) =&gt; { if (state.facets.length &gt; 0) { let currentFacet = JSON.parse( JSON.stringify( state.facets.find((facet) =&gt; facet.filterName === facetName) ) ); currentFacet[\"values\"] = currentFacet[\"buckets\"]; return currentFacet; } return []; }, getRecordsLength: (state) =&gt; { return state.records.length; }, getCollectionIdsParams: (state) =&gt; { return state.collectionIDs; }, }; /** * The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). * @type {Object} */ let recordsStore = { namespaced: true, state: { params: { ids: [] }, collectionIDs: [], records: [], facets: [], hits: null, loading: false, totalPages: null, perPage: null, currentPage: 1, }, mutations: mutations, actions: actions, getters: getters, }; export default recordsStore; /** * Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets * for usage by the Vue components. * @param {Object} rawFacets - the aggregation object coming from the API response as data['aggregations'] * @returns {Array} output - the array of ready to use facets containing a name, a label and values */ export const buildFacets = function (rawFacets) { let output = []; const mapper = filterMapping[\"autocomplete\"]; Object.keys(rawFacets).forEach(function (facetName) { if (Object.prototype.hasOwnProperty.call(mapper, facetName)) { let localFacet = mapper[facetName]; rawFacets[facetName][\"buckets\"].forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call(bucket, \"key_as_string\")) { bucket[\"key\"] = bucket[\"key_as_string\"]; } }); localFacet[\"buckets\"] = rawFacets[facetName][\"buckets\"]; output.push(localFacet); } }); return output; }; × Search results Close "},"store_searchFilters.js.html":{"id":"store_searchFilters.js.html","title":"Source: store/searchFilters.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import {isEqual} from 'lodash' import buttonOptions from '@/data/ButtonOptions.json' import filterMapping from \"@/data/FiltersLabelMapping.json\" import homePageData from \"@/data/homePageData.json\" import GraphQLClient from \"@/lib/GraphClient/GraphClient.js\" import query from \"@/lib/GraphClient/queries/getFilters.json\"; const graphClient = new GraphQLClient(); export const mutations = { setFilters(state, data) { state.filtersStatistic = data['searchFairsharingRecords']['aggregations']; state.rawFilters = buildFilters(state.filtersStatistic); state.filters = state.rawFilters.filter(item =&gt; (item.type !== 'Boolean' &amp;&amp; item.filterName !== 'status')); }, setFilterButtons(state) { state.filterButtons.push({ \"data\": [ { \"title\": \"Match all terms\", \"active\": true, \"filterName\": \"searchAnd\", \"value\": true }, { \"title\": \"Match any term\", \"active\": false, \"filterName\": \"searchAnd\", \"value\": false } ], \"curator_only\": false }); state.rawFilters.forEach(item =&gt; { // TODO: Return here if the button is marked as curator-only and the user isn't logged in as a curator. if (item.type === 'Boolean') { let ObjectModel = buttonOptions[item.filterName]; state.filterButtons.push(ObjectModel); } else if (item.filterName === 'status') { let ObjectModel = buttonOptions.status.data; ObjectModel.forEach(function (button) { if (Object.prototype.hasOwnProperty.call(button, 'apiIndex')) { button.value = item.values[button[\"apiIndex\"]]; } }); state.filterButtons.push({data: ObjectModel, curator_only: false}); } }); }, setLoadingStatus(state, status) { state.isLoadingFilters = status; }, resetFilterButtons(state, itemParentIndex) { state.filterButtons[itemParentIndex].data.map((item) =&gt; { item.active = false; }); }, activateButton(state, item) { state.filterButtons[item.itemParentIndex].data.map((filterItem) =&gt; { if (isEqual(filterItem, item.activeItem)) { filterItem.active = true; } }); } }; export const actions = { resetFilterButtons(state, itemParentIndex) { this.commit('searchFilters/resetFilterButtons', itemParentIndex) }, activateButton(state, item) { this.commit('searchFilters/activateButton', item) }, async assembleFilters(){ this.commit(\"searchFilters/setLoadingStatus\", true); // Please refer to ticket: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1288 let keys = []; homePageData.blockInfo['database']['items'].forEach((item) =&gt; { keys.push(item.option.key) }); let data = await graphClient.executeQuery(query); this.commit('searchFilters/setFilters', data); this.commit('searchFilters/setFilterButtons'); this.commit(\"searchFilters/setLoadingStatus\", false); } }; export const getters = { getFilters: (state) =&gt; { let output = []; state.filters.forEach(function (filter) { output.push({ filterName: filter.filterName, filterLabel: filter.filterLabel }) }); return output }, getFiltersStatisticCount: (state) =&gt; (option) =&gt; { return state.filtersStatistic[option.filterName].buckets.find(item =&gt; item.key === option.key)['doc_count']; } }; /** * The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and * builds the filtering system to be used by advanced search functions. * @type {Object} */ let filtersStore = { namespaced: true, state: { rawFilters: [], filters: [], filtersStatistic: [], filterButtons: [], isLoadingFilters: false, databaseCount: {} }, mutations: mutations, actions: actions, getters: getters }; export default filtersStore; /** * Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets * @param {Array} val - an array of raw filters coming from the api as data['searchFairsharingRecords']['aggregations'] * @returns {Array} filters - ready to use filters for the advanced search components */ export const buildFilters = function (val) { let filters = []; let filtersLabels = filterMapping['autocomplete']; Object.keys(val).forEach(function (key) { if (Object.prototype.hasOwnProperty.call(filtersLabels, key)) { let filter = filtersLabels[key]; filter.values = null; let filterValues = []; let buckets = val[key]['buckets']; buckets.forEach(function (bucket) { if (Object.prototype.hasOwnProperty.call( bucket, \"key_as_string\")) { filterValues.push(bucket[\"key_as_string\"]); } else { filterValues.push(bucket['key']); } }); filter.values = filterValues; filters.push(filter); } }); return filters; }; × Search results Close "},"router_hackSearch.js.html":{"id":"router_hackSearch.js.html","title":"Source: router/hackSearch.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: router/hackSearch.js /* * The purpose of this file is to intercept search parameters before they are passed to the API. It's necessary * as links which were generated on the old system may appear in old (or not so old) papers, on other sites etc. * If anyone complains they've clicked on a link to FAIRsharing that \"doesn't work\" then it may be found to be one * of these, and might perhaps require the specific terms be added to the lookup tables here. * Unfortunately it seems difficult to test and results in: * Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Timeout */ /** * Convert a prop from the old system into that used by the new. Useful when old search links * have been deployed elsewhere in the internet or in print (as long as we know about them). * @returns String - new form of the old prop */ export function hackSearch(query) { let modified = false; const lookupKeys = { content: 'fairsharingRegistry' }; const lookupValues = { biodbcore: 'database' } Object.keys(query).forEach(function(key) { let value = query[key]; // Delete keys with empty values. if (!value) { delete query[key]; modified = true; } // This key is no longer used in the system: if (key === 'search_state') { delete query[key]; modified = true; } // The key is outdated and needs to be replaced with the latest. if (Object.keys(lookupKeys).includes(key)) { let newKey = lookupKeys[key]; if (Object.keys(lookupValues).includes(value)) { query[newKey] = lookupValues[value]; } else { query[newKey] = value; } // Delete old key. delete query[key]; modified = true; } // The key's OK but the value may need replacing. else { if (Object.keys(lookupValues).includes(value)) { query[key] = lookupValues[value]; modified = true; } else { modified = false; } } }); return [query, modified]; } /* Fixed: https://fairsharing.org/search/?q=genomics&amp;content=biodbcore https://fairsharing.org/search/?q=transcriptomics&amp;content=biodbcore https://fairsharing.org/search/?q=genomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=proteomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=biodbcore&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden https://fairsharing.org/search/?q=metabolomics&amp;content=standard&amp;name=&amp;taxonomies=&amp;organisations=&amp;shortname=&amp;description=&amp;supportlinks=&amp;licenses=&amp;countries=&amp;maintainers=&amp;expanded_onto_domains=&amp;expanded_onto_disciplines=&amp;user_defined_tags=&amp;record_id=&amp;miriam_id=&amp;search_state=hidden Covered by something else: https://fairsharing.org/standards/?q=transcriptomics */ × Search results Close "},"utils_rules.js.html":{"id":"utils_rules.js.html","title":"Source: utils/rules.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/rules.js /** * Assess if the string is of a certain value (useful to compare passwords) * @param {String} val - the value to evaluate the string against * @returns {function(*): (boolean|string)} */ export function hasValue(val){ return value =&gt; value === val || \"Invalid repeated password\" } /** * Assess email patterns. * @returns {function(*): (boolean|string)} */ export function isEmail(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ return pattern.test(value) || 'Invalid e-mail.' } } /** * Assess mastodon username @user@server. * @returns {function(*): (boolean|string)} */ export function isMastodon(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+@[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid mastodon handle: Use @user@server.' } } /** * Assess bluesjy username @user@server. * @returns {function(*): (boolean|string)} */ export function isBluesky(){ return value =&gt; { if (!value) return true; const pattern = /^@[A-Za-z]+[A-Za-z\\\\.]+$/ return pattern.test(value) || 'Invalid Bluesky handle: Use @username.domain.name' } } /** * Assess the presence of the field * @returns {function(*=): (boolean|string)} */ export function isRequired(){ return value =&gt; !(!value || value.length === 0 || JSON.stringify(value) === '{}') || 'Required' } /** * Assess URL patterns. * @returns {function(*): (boolean|string)} */ export function isUrl() { return value =&gt; { if (!value) return true; const pattern = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || 'Invalid URL.' } } /** * Assess email or email patterns. * @returns {function(*): (boolean|string)} */ export function isEmailOrUrl(){ return value =&gt; { const pattern = /^(([^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+(\\.[^&lt;&gt;()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/ const patternUrl = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,8}\\b([-a-zA-Z0-9()@:%_+.~#?&amp;//=]*)?/gi; return pattern.test(value) || patternUrl.test(value) || 'Invalid e-mail/URL.' } } /** * Assess if the string is long enough. * @param {Number} length - the length to evaluate the string against. * @returns {function(*): (boolean|string)} */ export function isLongEnough(length) { return value =&gt; { let error = (value) ? `Value is not long enough (${value.length}/${length})` : `Value is not long enough (0/${length})`; if (!value) return error; return value.length &gt;= length || error; } } /** * Assess ORCID patterns. Can be empty if required is false. * @params {Boolean} required - is the field required or not. * @returns {function(*): (boolean|string)} */ export function isOrcid(required) { return value =&gt; { if (!value &amp;&amp; !required) return true; // because this is an optional Orcid ID const pattern = /^(\\d|X){4}-(\\d|X){4}-(\\d|X){4}-(\\d|X){4}$/gi; return pattern.test(value) || \"Doesn't look like a valid ORCID ID.\" } } /** * Assess if the given file has the correct extension * @returns {function(*): (boolean|string)} */ export function isImage(){ const accept = [\"image/png\", \"image/jpeg\"]; return value =&gt; { return (!value || accept.indexOf(value.type) &gt; -1) || \"File type should be PNG or JPEG\" } } /** * Assess if the given file has the correct allowed size * @returns {function(*): (boolean|string)} */ export function isAllowedSize(allowedSize) { // allowedSize is based on MB return value =&gt; { if (!value) return false // if its an array of image if (value.length &gt; 1) { let finalVal = value.map(imageItem =&gt; { if (imageItem.size &gt; (1000000 * allowedSize)) { return false } }) return !finalVal.includes(false) || `One or some of your selected files' size is more than ${allowedSize} MB!` } else { // if its a single image return (!value[0] || value[0].size &lt; (1000000 * allowedSize)) || `file size should be less than ${allowedSize} MB!` } } } × Search results Close "},"store_introspector.js.html":{"id":"store_introspector.js.html","title":"Source: store/introspector.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from 'lodash' import Client from \"../lib/GraphClient/GraphClient.js\" import introspectionQuery from \"../lib/GraphClient/queries/introspection.json\" let client = new Client(); export const mutations = { setParameters(state, data) { try { if (Object.keys(data).includes(\"errors\")) { state.error = data.errors[0].message } else { localStorage.introspectionQuery = JSON.stringify(data); let queryParams = data.data[\"__schema\"][\"types\"].filter(param =&gt; param.name === \"Query\")[0]; state.searchQueryParameters = queryParams.fields.filter(param =&gt; param.name === \"searchFairsharingRecords\")[0]; if (!localStorage.searchQueryParameters) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { if (!isEqual(JSON.parse(localStorage.searchQueryParameters), JSON.parse(JSON.stringify(state.searchQueryParameters)))) { localStorage.searchQueryParameters = JSON.stringify(state.searchQueryParameters); } else { state.searchQueryParameters = JSON.parse(localStorage.searchQueryParameters); } } } } catch (e) { state.error = \"Can't initialize application\" } }, setLocalStorageExpiryTime: function () { let now = new Date(); localStorage.expiryDate = now; return now; }, setMaintenanceMode(state){ state.maintenanceMode = true; }, setReadOnlyMode(state){ state.readOnlyMode = true; } }; export const actions = { async fetchParameters(state, timer) { let expirationTimer = (timer) ? timer : 24; let data = await client.getData(introspectionQuery); if (localStorage.expiryDate) { const expiration = paramsAreExpired(localStorage.expiryDate, expirationTimer); if (expiration) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } else { this.commit(\"introspection/setParameters\", JSON.parse(localStorage.introspectionQuery)); } } if (!localStorage.introspectionQuery) { this.commit(\"introspection/setLocalStorageExpiryTime\"); this.commit(\"introspection/setParameters\", data.data); } if (data.headers['maintenance'] === \"true\") this.commit(\"introspection/setMaintenanceMode\"); if (data.headers['read-only'] === \"true\") this.commit(\"introspection/setReadOnlyMode\"); // temp! // this.commit(\"introspection/setMaintenanceMode\"); // this.commit(\"introspection/setReadOnlyMode\"); } }; export const getters = { buildQueryParameters: (state) =&gt; (params) =&gt; { let queryParameters = {}; Object.keys(params[1]).forEach(function (param) { let expectedTypeObject = null; if(state.searchQueryParameters.args === undefined) return; let currentParam = state.searchQueryParameters.args.filter(arg =&gt; arg.name === param)[0]; if(currentParam === undefined) return; expectedTypeObject = currentParam.type; if (expectedTypeObject.kind !== \"LIST\") { queryParameters[param] = parseParam(expectedTypeObject, params[1][param]); } else { const currentVal = params[1][param]; const expectedType = expectedTypeObject[\"ofType\"][\"ofType\"].name; queryParameters[param] = []; if (currentVal.indexOf(\",\") &gt; 0) { currentVal.split(\",\").forEach(function (val) { queryParameters[param].push(decodeURIComponent(parseParam(expectedType, val))) }); } else { queryParameters[param] = decodeURIComponent(parseParam(expectedType, currentVal)) } } }); return queryParameters; } }; /** * The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query * @type {Object} * */ let introspectionStore = { namespaced: true, /** * @name states * @type {Object} * @property {String} errors - collects errors while introspecting. * @property {object} searchQueryParameters - filters query parameters object coming from API. */ state: { errors: String, searchQueryParameters: {}, maintenanceMode: false, readOnlyMode: false }, modules: {}, mutations: mutations, actions: actions, getters: getters }; export default introspectionStore; /** * Given a type and a value, parse the value with the expected type. * @param {Object} param - the parameter types allowed * @param {String} paramVal - the value to be parsed * @returns {String | Number | Boolean} paramVal - the parse value * @example &lt;caption&gt; Example usage of parseParam &lt;/caption&gt; * parseParam({name: \"Boolean\"}, \"true\"); * // return True */ const parseParam = function (param, paramVal) { if (param.name === \"Int\") { return parseFloat(paramVal) } else if (param.name === \"Boolean\") { return JSON.parse(paramVal) } return paramVal }; /** * Compares the given date with now and returns true if it greater than the given timer * @param {Date} expiryDate - the date to compare * @param {Number} expirationTimer - the timer to determine if the date has been expired or not * @returns {boolean} - is the data expired or not */ export const paramsAreExpired = function (expiryDate, expirationTimer) { const limit = expirationTimer * 3600; const expiration = new Date(expiryDate); const now = new Date(); return ((now - expiration) - limit) &gt;= 0 }; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_AdvancedSearchDialogBox.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"dialog\" fullscreen persistent :retain-focus=\"false\" @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div class=\"d-flex pt-6 px-6 justify-space-between\" :class=\"{ 'flex-column align-end': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\" &gt; &lt;v-btn icon dark @click=\"closeDialog()\" &gt; &lt;v-icon color=\"black\" size=\"40px\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link to=\"/\" class=\"mt-n5 order-md-1\" :class=\"{ 'mt-n15 mx-auto': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;img src=\"/assets/fairsharing-logo.svg\" alt=\"FAIRsharing logo\" @click=\"closeDialog()\" &gt; &lt;/router-link&gt; &lt;!--Advanced Search Header Text --&gt; &lt;div class=\"order-sm-2\" style=\"text-align: center; margin: 0 auto 0 auto\" &gt; &lt;h2 class=\"primary--text\"&gt; Advanced filtering and searching for FAIRsharing records &lt;/h2&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p style=\"text-align: center\"&gt; Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-card-title&gt; &lt;!--It will print the advancedSearch text on the dialog box when the search text is entered in the search field on the home page and advancedSearch is click--&gt; &lt;!-- &lt;div v-if=\"!getEditDialogStatus\"&gt;--&gt; &lt;!-- &lt;span class=\"text-h5\"&gt;--&gt; &lt;!-- {{ advancedSearchTerm }}--&gt; &lt;!-- &lt;/span&gt;--&gt; &lt;!-- &lt;/div&gt;--&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"black--text\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" @change=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else class=\"text-h5\" clearable full-width outlined hide-details label=\"Add Search text\" :value=\"getAdvancedSearchText\" @input=\"updateSearchText($event)\" @change=\"updateSearchText($event)\" /&gt; &lt;/div&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;QueryBuilderView :is-dialog=\"dialog\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"px-6 justify-space-between\" :class=\"{ 'flex-column align-center': $vuetify.breakpoint.smAndDown, }\" &gt; &lt;v-btn color=\"green\" variant=\"text\" class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn color=\"accent3\" variant=\"text\" class=\"white--text order-md-1 ml-0\" :width=\"$vuetify.breakpoint.smAndDown ? '100%' : '250'\" @click=\"closeDialog()\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { isBoolean } from \"lodash\"; import { mapActions, mapGetters, mapState } from \"vuex\"; import TooltipComponent from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/UtilComponents/TooltipComponent.vue\"; import QueryBuilderView from \"@/components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, data: () =&gt; { return { dialog: false, updatedAdvancedSearchText: \"\", toolTipText: \"Text will be searched against record fields such as name, abbreviation, description, tags, etc. Then, the results of that search will be filtered by the filters you have specified below.\", queryString: \"\", }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearch\", \"getAdvancedSearchText\", \"getEditDialogStatus\", \"getAdvancedSearchDialogStatus\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), /** * Enables the proceed button when all the selected fields are non-empty * @returns {boolean} */ isContinue() { let isDisabled = true; let isTrue, allTrue; let isTrueArr = []; if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach(({ children }) =&gt; { if (children &amp;&amp; children.length) { isTrue = children.every(({ value }) =&gt; value.length || isBoolean(value)); isTrueArr.push(isTrue); } }); } //Check if all values in the array is true if (isTrueArr &amp;&amp; isTrueArr.length) allTrue = isTrueArr.every((item) =&gt; item); if (allTrue) isDisabled = !allTrue; return isDisabled; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, watch: { getEditDialogStatus(newValue) { this.dialog = newValue; this.updatedAdvancedSearchText = this.getAdvancedSearchText }, getAdvancedSearchDialogStatus(newValue) { this.dialog = newValue; //Reset searchText field if (newValue &amp;&amp; this.$refs.inputRef !== undefined) { this.$refs.inputRef.reset(); } }, }, mounted() { //When the user is redirected to advancedsearch url directly //it will open the dialog box if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.dialog = false; advancedSearch.commit(\"advancedSearch/setEditDialogStatus\", false); advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", false ); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } }, isAdvancedSearchTerm(queryString) { const queryValues = { q: this.getAdvancedSearchText, operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, noAdvancedSearchTerm(queryString) { const queryValues = { operator: this.getAdvancedSearch[\"operatorIdentifier\"], fields: queryString, }; return queryValues; }, /** * Method called on the click of the proceed button * in dialog box */ goToAdvancedSearch() { let idsToSend = []; // These IDs are visible here but disappear when sent to the advancedSearch store, // unless the array is copied this way. // TODO: Perhaps these collectionIDs should come from somewhere else, e.g. passed by props, // TODO: from the URL params, or something... this.getCollectionIdsParams.forEach((id) =&gt; { idsToSend.push(id); }) if (this.updatedAdvancedSearchText) { this.fetchAdvancedSearchResults([this.updatedAdvancedSearchText, idsToSend]); } else { this.fetchAdvancedSearchResults([this.advancedSearchTerm, idsToSend]); } this.closeDialog(); //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); }, /** * Add advancedSearch selection to query params in * and create URL by inserting array of objects into string */ advancedSearchQueryString() { if ( this.getAdvancedSearch[\"children\"] &amp;&amp; this.getAdvancedSearch[\"children\"].length ) { this.getAdvancedSearch[\"children\"].forEach((item) =&gt; { // TODO: Insert collection parameters here, just before operator. this.queryString = \"\"; this.queryString += \"(operator=\"; this.queryString += item[\"operatorIdentifier\"]; const mergedValues = uniqueValues(item[\"children\"]); mergedValues.forEach((params) =&gt; { this.queryString += \"&amp;\"; this.queryString += params[\"identifier\"]; this.queryString += \"=\"; if (Array.isArray(params[\"value\"])) { this.queryString += params[\"value\"].join('+'); } else if (params[\"value\"]) { this.queryString += params[\"value\"]; } }); this.queryString += \")\"; }); } }, /** * Navigation method called on the click of the proceed button * and on the advancedSearch page */ advancedSearchNavigation(queryString) { //When not on advancedSearch page if (this.$route.path !== \"/advancedsearch\") { if (this.getAdvancedSearchText) { this.$router.push({ name: \"AdvancedSearchResult\", query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ name: \"AdvancedSearchResult\", query: this.noAdvancedSearchTerm(queryString), }); } } //When on advancedSearch page else { if (this.getAdvancedSearchText) { this.$router.push({ query: this.isAdvancedSearchTerm(queryString), }); } else { this.$router.push({ query: this.noAdvancedSearchTerm(queryString), }); } } }, /** * Method to fetch/update the searchTerm * @param {String} -- item */ updateSearchText(item) { this.updatedAdvancedSearchText = item; }, }, }; &lt;/script&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchResultTable.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchResultTable.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchResultTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" fluid class=\"pa-0\" &gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else fluid class=\"pa-5 mb-15\" &gt; &lt;div :class=\" $vuetify.breakpoint.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column' \" &gt; &lt;v-btn class=\"mb-2\" color=\"primary\" small @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;h4 v-if=\"searchingCollection\" &gt; You are currently searching the within the collection &lt;b&gt;{{ currentRecord.fairsharingRecord.name }}&lt;/b&gt;. &lt;/h4&gt; &lt;p class=\"body-2 mb-0 mt-4\"&gt; &lt;v-icon x-small class=\"infoIcon\" &gt; {{ \"fa fa-info\" }} &lt;/v-icon&gt;Find out more about our Advanced Search in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" class=\"text-decoration-underline\" &gt;gitbook documentation&lt;v-icon x-small&gt; {{ \"fa fa-link\" }} &lt;/v-icon&gt; &lt;/a&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page.sync=\"itemsPerPage\" :page.sync=\"page\" :search=\"search\" :sort-by=\"sortBy.toLowerCase()\" :sort-desc=\"sortDesc\" :hide-default-footer=\"noFooter\" :loading=\"getLoadingStatus\" :footer-props=\"{ 'items-per-page-text': 'Records per page:', 'items-per-page-options': [5, 10, 25, 50, 100], }\" &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-footer :pagination=\"pagination\" :options=\"options\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar dark color=\"blue lighten-1\" class=\"mb-5\" &gt; &lt;v-text-field v-model=\"search\" clearable flat solo-inverted hide-details prepend-inner-icon=\"mdi-filter\" label=\"Filter these results\" /&gt; &lt;template v-if=\"$vuetify.breakpoint.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" flat solo-inverted hide-details :items=\"keys\" prepend-inner-icon=\"mdi-sort\" label=\"Sort by\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle v-model=\"sortDesc\" mandatory &gt; &lt;v-btn large depressed color=\"blue\" :value=\"false\" &gt; &lt;v-icon&gt;mdi-arrow-up&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;v-btn large depressed color=\"blue\" :value=\"true\" &gt; &lt;v-icon&gt;mdi-arrow-down&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-btn-toggle&gt; &lt;/template&gt; &lt;/v-toolbar&gt; &lt;/template&gt; &lt;!-- headers stop --&gt; &lt;!-- data section begins --&gt; &lt;template #default=\"props\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in props.items\" :key=\"item.name\" cols=\"12\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"subheading font-weight-bold\"&gt; &lt;RecordStatus :record=\"item\" /&gt; &lt;a :href=\"'/' + item.id\" target=\"_blank\" class=\"ml-10\" :class=\" item['status'] === 'deprecated' ? 'text-decoration-line-through' : null \" &gt; {{ item.name }} &lt;/a&gt; &lt;/v-card-title&gt; &lt;p class=\"mt-2 ml-10 pr-2 text-sm-body-2 text-md-body-1 text-justify text-ellipses-height-2lines\" &gt; {{ item.description }} &lt;/p&gt; &lt;TagChips :record=\"item\" class=\"ml-10\" /&gt; &lt;p class=\"pb-5\" /&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;!-- data section ends --&gt; &lt;template #loading&gt; Loading... &lt;/template&gt; &lt;/v-data-iterator&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import SaveSearchButton from \"@/components/Records/Search/SaveSearch/SaveSearchButton.vue\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import TagChips from \"@/components/Records/Shared/TagChips.vue\"; import advancedSearch from \"@/store\"; import recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, TagChips, ErrorPage, SaveSearchButton }, mixins: [recordsCardUtils], data() { return { itemsPerPageArray: [10, 20, 50, 100, 200], search: \"\", sortDesc: false, page: 1, itemsPerPage: 5, sortBy: \"name\", keys: [\"Name\", \"Registry\", \"Type\", \"Status\", \"Description\"], fairSharingURL: process.env.VUE_APP_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), ...mapGetters(\"records\", [\"getCollectionIdsParams\"]), ...mapState(\"record\", [\"currentRecord\"]), noFooter() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, }, mounted() { this.fetchQueryParams(); }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), /** * Fetch query from URL and display advancedSearch Result */ fetchQueryParams() { if ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length &amp;&amp; Array.isArray(this.getAdvancedSearchQuery[\"fields\"]) &amp;&amp; !this.getAdvancedSearchQuery[\"fields\"].length ) { // Checking if advancedsearch has query parameters if (Object.keys(this.$route.query).length) { const routeQuery = this.$route.query; //Query format is same as setAdvancedSearch mutation let searchQuery = { operatorIdentifier: \"\", children: [], }; searchQuery[\"operatorIdentifier\"] = routeQuery[\"operator\"]; //Destructuring the fields string into valid setAdvancedSearch format to execute the query const searchFieldsArr = routeQuery[\"fields\"] .split(/^\\((.*)\\)$/) //removes only first and last parenthesis .filter((item) =&gt; item); //Filter is used to remove empty string searchFieldsArr.forEach((item) =&gt; { const itemArr = item.split(\"&amp;\"); let searchObj = { operatorIdentifier: \"\", children: [], }; itemArr.forEach((subItem) =&gt; { const paramValues = subItem.split(\"=\"); if (paramValues[0] === \"operator\") { searchObj[\"operatorIdentifier\"] = paramValues[1]; } else { let advancedSearchParams = { identifier: \"\", value: [] || Boolean, }; advancedSearchParams[\"identifier\"] = paramValues[0]; // For boolean/string values if ((paramValues[1] === \"true\") || paramValues[1] === \"false\") { advancedSearchParams[\"value\"] = paramValues[1]; } else { advancedSearchParams[\"value\"] = paramValues[1].split(\"+\"); } searchObj[\"children\"].push(advancedSearchParams); } }); searchQuery[\"children\"].push(searchObj); }); //Committing the URL query param to setAdvancedSearch mutation in appropriate format to execute the advancedSearchQuery advancedSearch.commit( \"advancedSearch/setAdvancedSearch\", searchQuery ); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", searchQuery ); //Calling the fetch method to get the result if (routeQuery[\"q\"]) this.fetchAdvancedSearchResults(routeQuery[\"q\"]); else this.fetchAdvancedSearchResults(routeQuery[\"q\"]); } } }, /** * Download Results on click of download result button */ downloadResults() { const MIME_TYPE = \"text/csv\"; let data = [ \"Name 5,Abbreviation,FAIRsharingURL,FAIRsharing DOI,Homepage,Number of Publications \\n\", ]; this.getAdvancedSearchResponse.forEach((record) =&gt; { data.push( `${record.name.replace(/,/g, \"\")},${ record.abbreviation || \"n/a\" },https://fairsharing.org/${record.id},${record.doi || \"n/a\"},${ record.homepage || \"n/a\" },${this.recordPublicationsLength(record)}\\n` ); }); let blob = new Blob(data, { type: MIME_TYPE }); window.location.href = window.URL.createObjectURL(blob); }, /** * Calculate number of the publications for the record * @param record * @return {number} */ recordPublicationsLength(record) { return record[\"publications\"] &amp;&amp; record[\"publications\"].length ? record[\"publications\"].length : 0; }, searchingCollection() { if (this.getCollectionIdsParams.length &gt; 0 &amp;&amp; this.currentRecord.fairsharingRecord &amp;&amp; this.currentRecord.fairsharingRecord.type === 'collection' ) { return true; } return false; } }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .infoIcon { border: 1px solid; border-radius: 50%; padding: 3px 6px; margin: -2px 2px 0 0; } .buttonWrapper { position: relative; .saveSearchResults { position: absolute; left: 40%; } } &lt;/style&gt; × Search results Close "},"views_AdvancedSearch_AdvancedSearchSelection.vue.html":{"id":"views_AdvancedSearch_AdvancedSearchSelection.vue.html","title":"Source: views/AdvancedSearch/AdvancedSearchSelection.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card elevation=\"3\" :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.breakpoint.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" &gt; &lt;AdvancedSearchButtons /&gt; &lt;div v-if=\"getAdvancedSearchText\" class=\"searchText chips-holder ma-2\" &gt; &lt;v-chip class=\"ma-2 mt-2 text-capitalize\" color=\"accent3\" text-color=\"white\" label &gt; Search Text : {{ getAdvancedSearchText }} &lt;/v-chip&gt; &lt;/div&gt; &lt;div v-for=\"(item, index) in getAdvancedSearchQuery['fields']\" :key=\"index\" class=\"ma-2 selectionWrapper d-flex flex-column\" &gt; &lt;div class=\"chips-holder mb-2\"&gt; &lt;div v-for=\"([key, value], idx) in Object.entries(item)\" id=\"individualChips\" :key=\"idx\" class=\"individualChips d-flex flex-column align-center\" &gt; &lt;div class=\"my-2 mx-1 text-capitalize primary px-3 py-1 white--text rounded d-flex\" style=\"font-size: 14px\" &gt; &lt;span&gt;{{ printSelectionKeys(key) }} &lt;/span&gt; &lt;span&gt;&lt;strong&gt;&amp;nbsp;:&amp;nbsp;&lt;/strong&gt;&lt;/span&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;span v-html=\"printSelectionValues(key, value)\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" text-color=\"accent\" outlined small &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip color=\"accent2\" class=\"parentOperatorChip text-uppercase font-weight-medium\" text-color=\"white\" &gt; {{ printOperator(getAdvancedSearchQuery[\"operator\"]) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import extraFilterChips from \"@/data/extraFilterChips.json\"; import stringUtils from \"@/utils/stringUtils\"; import AdvancedSearchButtons from \"@/views/AdvancedSearch/AdvancedSearchButtons.vue\"; export default { name: \"AdvancedSearchSelection\", components: { AdvancedSearchButtons }, mixins: [stringUtils], data() { return { operatorArr: [], }; }, computed: { ...mapState(\"uiController\", [\"UIGeneralStatus\"]), ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchQuery\", \"getAdvancedSearch\", \"getAdvancedSearchText\", ]), responsiveClassObject() { return { \"filters-holder-default\": this.UIGeneralStatus.headerVisibilityState, \"filters-holder-after-scroll\": !this.UIGeneralStatus.headerVisibilityState, }; }, }, methods: { /** * Print the within selection operator (_and/_or) * @param {Object} item - Selection object * @returns {String} operator - Operator _and/_or formatted as and/or */ printSelectedOperator(item) { let operatorValue; for (let i = 0; i &lt; Object.entries(item).length; i++) { operatorValue = Object.entries(item)[0][1]; } return this.printOperator(operatorValue); }, /** * Print the values with OR operator if multiple selection is done * @param {Object} key,value - Selection key value pair * @returns {String} value - Selection */ printSelectionValues(key, value) { let refinedValues = \"\"; if (key !== \"operator\") { if ((value === true) || (value[0] === \"true\")) { return \"true\" } if ((value === false) || (value[0] === \"false\")) { return \"false\" } else { refinedValues = value .map((item) =&gt; this.cleanString(item)) .join(\" OR \"); if (refinedValues !== \" \") { refinedValues = this.boldString(refinedValues, \"OR\"); return refinedValues; } } } }, /** * Print the keys and update the text transform if the key within the * extraFilterChips * @param {string } key - Selected key * @returns {string} key - Updated key */ printSelectionKeys(key) { let refinedKeys = key; extraFilterChips.forEach((item) =&gt; { let itemKey = Object.keys(item)[0]; let itemValue = Object.values(item)[0]; if (itemKey === key) refinedKeys = itemValue; }); return refinedKeys; }, printOperator(value) { if (value === \"_and\") return \"And\"; else if (value === \"_or\") return \"Or\"; }, /** * @param {String} str - String * @param {String} find - Find text to make it bold * @returns {String} - String with bold text */ boldString(str, find) { const re = new RegExp(find, \"g\"); return str.replace( re, \"&lt;span class='font-weight-medium'&gt;\" + find + \"&lt;/span&gt;\" ); }, }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .fullHeight { height: 90vh; overflow: scroll; } .filters-holder-default { overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; } .filters-holder-after-scroll { overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width: thin; margin-bottom: 94px; } .chips-holder { background: #f5f5f5; border: 2px dotted #dbdbdb; border-radius: 10px !important; } .selectionWrapper { .parentOperatorChip { width: 50%; display: block; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-child { .parentOperatorChip { display: none; } } .chips-holder { .individualChips { width: 98%; margin: 0 auto; .chipText { overflow: hidden; text-overflow: ellipsis; width: 100%; } &amp;:first-child { display: none !important; } &amp;:last-child { .operatorChip { display: none !important; } } } } } &lt;/style&gt; × Search results Close "},"components_Records_Record_Collections.vue.html":{"id":"components_Records_Record_Collections.vue.html","title":"Source: components/Records/Record/Collections.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Collections &amp;amp; Recommendations\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].type === 'conforming_resources'? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabName === 'conforming_resources' ? !currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabName === 'conforming_resources' ? currentRecord['fairsharingRecord'].savedSearches.length : tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent',tabsDataExist]\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;SavedSearches v-if=\"tabItem.type === 'conforming_resources'\" /&gt; &lt;v-virtual-scroll v-else :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ item.recordAssociationLabel }} &lt;/span&gt; &lt;/template&gt; &lt;span&gt;{{ relationDefinition[item.recordAssociationLabel] }}&lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SavedSearches from '@/components/Records/Record/GeneralInfo/SavedSearches' import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\" export default { name: \"Collections\", components: { RecordStatus, SectionTitle, SavedSearches }, mixins: [stringUtils, recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { in_collections: {relation: 'collects', data: [], count:0} } }, } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, watch:{ currentRecord() { let _module = this Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { //Update the count of the conforming resources after unlinking saved search if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } //If no saved search is available in conforming resources tab if(!_module.currentRecord['fairsharingRecord'].savedSearches.length) { //If no conforming resources is available then shift focus to Related Policies tab if(tabName === \"related_policies\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 1 } } //If no related policies is available then shift focus to In collections tab else if(tabName === \"in_collections\") { if(_module.tabsData.tabs[tabName].data.length) { this.tabsData.selectedTab = 0 } } //If nothing is available make all tabs section disabled with its initial value i.e null else { this.selectedValues = null } } }) } }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ prepareTabsData() { const _module = this; // There are different tabs for policies vs. other registries. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.tabsData.tabs.related_policies = { registry: ['Policy'], data: [], count:0 } _module.tabsData.tabs.conforming_resources = { registry: ['Policy'], data: [], count:0, type:'conforming_resources' } } else { _module.tabsData.tabs.in_policies = { relation: 'recommends', data: [], count:0 } } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { /* * In this case the related_policies tab could have relations going either way. */ if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { // All policy relations, incoming or outgoing. if (tabName === 'related_policies') { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter( item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry) ).filter( item =&gt; item.recordAssociationLabel !== 'collects' ) _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } //Save searches for the policy else if (tabName === 'conforming_resources') { _module.tabsData.tabs[tabName].data = _module.currentRecord['fairsharingRecord'].savedSearches _module.tabsData.tabs[tabName].count = _module.currentRecord['fairsharingRecord'].savedSearches.length; } // All incoming collections. else { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; } }) } /* * Here, only incoming recommends or collects relations are expected. */ else { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( [], _module.currentRecord['fairsharingRecord']['reverseRecordAssociations'] ).filter(item =&gt; item.recordAssociationLabel === _module.tabsData.tabs[tabName].relation); _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }) } } else { return false } }, } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchCountries\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import countriesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Countries\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.\", }; }, computed: { ...mapGetters(\"countriesSearch\", [\"getSearchCountries\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { countriesSearch.commit( \"countriesSearch/setSearchCountries\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"countriesSearch\", [\"fetchSearchCountries\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchCountries(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_CuratorRecordsAwaitingApproval.vue.html":{"id":"components_Curators_CuratorRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/CuratorRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/CuratorRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorApprovalsRequired from \"@/lib/GraphClient/queries/curators/getCuratorApprovalsRequired.json\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getCuratorApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.curatorApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_CuratorSummaryStatistics.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/CuratorSummaryStatistics.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; CURATOR SUMMARY STATISTICS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorSummaryStatistics from \"@/lib/GraphClient/queries/curators/getCuratorSummaryStatistics.json\" const client = new GraphClient(); export default { name: \"CuratorSummaryStatistics\", data: () =&gt; { return { downloadCuratorContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getCuratorSummaryStatistics); await this.obtainFileRecordsCuratorSummary(data); this.loading = false; }, methods: { /** * Method to download file having records having curator * summary statistics */ async obtainFileRecordsCuratorSummary(data) { let curatorSummary = data.curatorSummaryStatistics || []; this.downloadCuratorContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(curatorSummary.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_DatabaseRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/DatabaseRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedDatabaseRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a database rule &lt;/option&gt; &lt;option v-for=\"rule in databaseQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedDatabaseRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedDatabaseRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, DataAccessCondition, DataAccessForPrePublicationReview, DatabaseRecordType, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservationPolicy, DataProcessesAndConditions, DataVersioning, ResourceSustainability, UsesPersistentIdentifier } from \"../index\"; export default { name: \"DatabaseRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedDatabaseRule: \"\", }; }, methods:{ databaseQueryBuilderComponents() { let databaseRecordType = [ { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, ] return databaseRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList() { return sortBy([ { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition \", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedDatabaseRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Domains.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchDomains\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import domainsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Domains\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing Domain ontology. Multiple selections will be joined with OR. Start typing to see Domain tags.\", }; }, computed: { ...mapGetters(\"domainsSearch\", [\"getSearchDomains\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { domainsSearch.commit(\"domainsSearch/setSearchDomains\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"domainsSearch\", [\"fetchSearchDomains\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchDomains(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_FilterAutocomplete.vue.html":{"id":"components_Records_Search_Input_FilterAutocomplete.vue.html","title":"Source: components/Records/Search/Input/FilterAutocomplete.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterAutocomplete.vue &lt;template&gt; &lt;v-expansion-panel v-if=\"filter.filterName\" :id=\"filter.filterName + 'AutocompleteList' \" &gt; &lt;v-expansion-panel-header&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-header&gt; &lt;v-expansion-panel-content class=\"pl-5 pr-5\"&gt; &lt;div :class=\"['d-flex',{'flex-column':$vuetify.breakpoint.mdAndDown}]\"&gt; &lt;v-autocomplete v-model=\"selectedValues\" :attach=\"true\" :items=\"getValues\" solo dense clearable multiple prepend-inner-icon=\"fa-search\" :placeholder=\"`Search`\" item-text=\"key\" item-value=\"key\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text mb-1 \"&gt; &lt;span class=\"chipsValueName\"&gt; {{ cleanString(data.item.key) }} &lt;/span&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"data\"&gt; &lt;div class=\"d-flex full-width\"&gt; &lt;span class=\"filterValueName\"&gt; {{ cleanString(data.item.key) }}&lt;/span&gt; &lt;span class=\"filterValueCount\"&gt; {{ data.item['doc_count'] }}&lt;/span&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;v-btn color=\"primary\" class=\"ml-lg-2 custom-btn\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-expansion-panel-content&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from 'vuex' import clearString from '@/utils/stringUtils' export default { name: \"FilterAutocomplete\", mixins: [clearString], props: { filter: {default: null, type: Object}, lastItem:{default:false, type:Boolean} }, data: () =&gt; { return { selectedValues: [] } }, computed: { ...mapGetters('records', ['getFilter']), ...mapState('uiController', ['stickToTop']), getValues: function () { let _module = this; let output = _module.getFilter(this.filter.filterName); if (output.values &amp;&amp; typeof output.values === 'object') { return output.values; } return [] } }, methods: { /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function () { let _module = this; let filterName = _module.filter.filterName; let currentParams = JSON.parse(JSON.stringify(_module.$route.query)); if (Object.keys(currentParams).indexOf(filterName) === -1) { if (_module.selectedValues !== null &amp;&amp; _module.selectedValues.length &gt; 0) { if (_module.selectedValues.length === 1) { currentParams[filterName] = encodeURIComponent(_module.selectedValues.join(',')); } else { let newParam = []; _module.selectedValues.forEach(function (val) { newParam.push(encodeURIComponent(val)); }); currentParams[filterName] = newParam.join(\",\"); } currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } else { if (_module.selectedValues === null || _module.selectedValues.length === 0) { delete currentParams[_module.filter.filterName]; currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } else { let newParams = []; let existingValues = currentParams[_module.filter.filterName].split(\",\"); _module.selectedValues.forEach(function (selectedValue) { const filterVal = encodeURIComponent(selectedValue); if (existingValues.indexOf(filterVal) === -1) { newParams.push(filterVal); } }); currentParams[_module.filter.filterName] += `,${newParams.join(\",\")}`; if (newParams.length &gt; 0) { currentParams['page'] = 1; _module.$router.push({ name: _module.$route.name, query: currentParams }); } } } _module.selectedValues = []; }, /** * Reset the form/filters/parameters to default (go so /search?page=1) */ reset: function (selectedItem) { selectedItem.filterSelected = {}; }, /* istanbul ignore next */ scrollTo(name) { let _module = this; _module.$scrollTo(\"#\" + name + 'AutocompleteList', 450, { container: '#scrollable-holder', easing: 'ease-in', }) } } } &lt;/script&gt; &lt;style scoped&gt; .filterValueName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; } .chipsValueName { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filterValueCount { background: #2196F3; color: white; padding: 0 7px; } .custom-btn { height: 38px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_FilterButton.vue.html":{"id":"components_Records_Search_Input_FilterButton.vue.html","title":"Source: components/Records/Search/Input/FilterButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip bottom :disabled=\"itemModified.tooltip===undefined || $vuetify.breakpoint.smAndDown\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-btn color=\"primary\" class=\"mr-1 mr-lg-2\" :outlined=\"!itemModified.active\" :class=\"[isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', {'button-style-md-screens' : mdScreens, 'buttons-md-style' : multipleItems &amp;&amp; !isFirstItem}]\" @click=\"selectFilter(itemModified)\" v-on=\"on\" &gt; &lt;span v-if=\"itemModified.title!=='ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else small color=\"primary\" &gt; {{ $vuetify.icons.values.loading }} &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/template&gt; &lt;span&gt;{{ itemModified.tooltip }}&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;script&gt; import { isEqual } from \"lodash\"; import { mapActions } from 'vuex' import currentParameter from \"@/utils/currentParameterMixin.js\" export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: {default: null, type: Object}, isFirstItem: {default: false, type: Boolean}, mdScreens: {default: null, type: Boolean}, itemParentIndex: {default: 0, type: Number}, multipleItems: {default: false, type: Boolean}, doubleItems: {default: false, type: Boolean}, }, data: () =&gt; { return { itemModified: {default: null, type: Object} } }, watch: { currentParameter: { handler(newVal) { const _module = this; const fieldName = _module.itemModified.filterName; const fieldValue = newVal[fieldName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }, deep: true } }, mounted(){ this.$nextTick(function () { const _module = this; _module.itemModified = JSON.parse(JSON.stringify(this.item)); const fieldValue = _module.currentParameter[this.itemModified.filterName]; const currentValue = _module.itemModified.value; const title = _module.itemModified.title; _module.checkCurrentParameters(title, fieldValue, currentValue); }); }, methods: { checkCurrentParameters: function(title, fieldValue, currentValue) { if (fieldValue === null) { this.itemModified.active = title === 'all' || title === 'match all terms'; } else { if (currentValue === undefined) { this.itemModified.active = false; } else { this.itemModified.active = currentValue.toString() === fieldValue; } } }, /** * Apply the filters by building the new query parameters using the form data. */ applyFilters: function (selectedItem) { const _module = this; let currentQuery = {}; let oldQuery = {}; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param]; oldQuery[param] = _module.$route.query[param] }); Object.prototype.hasOwnProperty.call(selectedItem, 'value') ? currentQuery[selectedItem.filterName] = encodeURIComponent(selectedItem.value) : delete currentQuery[selectedItem.filterName]; if (!isEqual(currentQuery, oldQuery)) { currentQuery['page'] = 1; this.$router.push({ name: _module.$route.name, query: currentQuery }); } }, selectFilter: function (selectedItem) { let _module = this; _module.resetFilterButtons(_module.itemParentIndex); _module.activateButton({ 'activeItem': selectedItem, 'itemParentIndex': _module.itemParentIndex }); this.applyFilters(selectedItem); }, ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]) } } &lt;/script&gt; &lt;style scoped&gt; .button-style-md-screens { font-size: 9px !important; } .first-child { font-size: 11px; width: 16.5%; } .flex-1 { font-size: 11px; flex: 1; } .buttons-md-style { min-width: 32px !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Header_FilterChips.vue.html":{"id":"components_Records_Search_Header_FilterChips.vue.html","title":"Source: components/Records/Search/Header/FilterChips.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 pb-3\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"ma-2 mt-5\" color=\"red\" text-color=\"white\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;div v-for=\"(chip, index) in getChips\" :key=\"'Chips_' + index\" &gt; &lt;v-chip class=\"ma-2 mt-5\" close color=\"white\" text-color=\"secondary\" @click:close=\"removeParam(chip.paramName, chip.paramVal)\" &gt; {{ getFilteredLabel[chip.paramName] }}:&lt;b class=\"ml-1\"&gt; {{ decodeURIComponent(chip.paramVal).replace(/_/g, \" \") }}&lt;/b&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from \"lodash\" import extraFilterChips from \"@/data/extraFilterChips.json\" import filterMapping from \"@/data/FiltersLabelMapping.json\" import filterChipsUtils from \"@/utils/filterChipsUtils\"; export default { name: \"FilterChips\", mixins: [filterChipsUtils], computed: { /** * get the Filtered label that corresponds to the name using the map FilterLabel * @returns {Object} - object with the mapping names and labels */ getFilteredLabel: function () { let filterLabels = { q: \"Query string\", userDefinedTags: \"User defined tags\" }; Object.keys(filterMapping[\"autocomplete\"]).forEach((filterName) =&gt; { let field = filterMapping[\"autocomplete\"][filterName]; filterLabels[field.filterName] = field.filterLabel; }); /* * These labels are specific to the FAIRsharing Wizard and aren't normally required in the search sidebar, * so they are defined here rather than in filterMapping. */ extraFilterChips.forEach(function(extra) { let key = Object.keys(extra)[0] filterLabels[key] = extra[key]; }) return filterLabels; } }, methods: { /** * Removes the parameter value from the router query with a 2000ms throttle * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove */ removeParam: throttle(async function (paramName, paramVal) { let _module = this; let query = this.buildNewQuery(paramName, paramVal); await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Removes all the parameters value from the router query with a 2000ms throttle */ removeAllParams: throttle(async function () { let _module = this; let query = {}; await _module.$router.push({ name: _module.$route.name, query: query }) }, 2000), /** * Build the new query given a parameter name a value by getting the current query and removing the key/value given * @param {String} paramName - name of the parameter to remove * @param {String} paramVal - value of the parameter to remove * @returns {Object} - the new query to replace in the router */ buildNewQuery: function (paramName, paramVal) { let _module = this; let query = {}; Object.keys(_module.$route.query).forEach(function (queryParam) { if (queryParam !== paramName) { query[queryParam] = _module.$route.query[queryParam] } else { if (_module.$route.query[queryParam].includes(',')) { let currentValues = _module.$route.query[queryParam].split(\",\"); if (currentValues.includes(paramVal)) { currentValues.splice(currentValues.indexOf(paramVal), 1) } query[paramName] = currentValues.join(\",\"); } } }); query[\"page\"] = 1; return query; } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GeneralRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GeneralRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedGeneralRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a generic rule &lt;/option&gt; &lt;option v-for=\"rule in generalQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedGeneralRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedGeneralRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { Countries, Domain, HasPublication, Licences, ObjectTypes, Organisations, RecordStatus, Registry, Subject, Taxonomies, UserDefinedTag } from \"../index\"; export default { name: \"GeneralRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedGeneralRule: \"\", }; }, methods:{ generalQueryBuilderComponents() { return [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedGeneralRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_GroupCtrlSlot.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/GroupCtrlSlot.vue &lt;template&gt; &lt;div class=\"query-builder-group-slot__group-control pa-4 d-flex\" :class=\"{'flex-column': $vuetify.breakpoint.smAndDown}\" &gt; &lt;!-- General Component --&gt; &lt;GeneralRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Database Component --&gt; &lt;DatabaseRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Policy Component --&gt; &lt;PolicyRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"slotSpacer\" /&gt; &lt;!-- Other Boolean/Standard Component --&gt; &lt;StandardRule :group-ctrl=\"groupCtrl\" /&gt; &lt;div class=\"query-builder-group-slot__spacer\" /&gt; &lt;button class=\"query-builder-group-slot__group-adding-button\" @click=\"addNewGroup(groupCtrl)\" &gt; Add Group &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { DatabaseRule, GeneralRule, PolicyRule,StandardRule } from \"./index\"; export default { name: \"GroupCtrlSlot\", components:{GeneralRule, StandardRule, DatabaseRule, PolicyRule}, props: { groupCtrl: { type: Object, default: null } }, methods:{ /** * Add group to query builder * @param item - Object */ addNewGroup(item) { item.newGroup() }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_HiddenRecords.vue.html":{"id":"components_Curators_HiddenRecords.vue.html","title":"Source: components/Curators/HiddenRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/HiddenRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"hiddenRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"hiddenRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.curator }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { hiddenRecords:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareHiddenRecords(hiddenRecords) this.loading = false; }, methods: { /** * Method to fetch hidden records * @param dataCuration */ prepareHiddenRecords(dataCuration) { let records = dataCuration.hiddenRecords; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.curator) { object.curator = item.curator.username; } else { object.curator = \"none\"; } if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.hiddenRecords.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Home_Home.vue.html":{"id":"views_Home_Home.vue.html","title":"Source: views/Home/Home.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-main&gt; &lt;v-container fluid class=\"text-center pa-0\" &gt; &lt;Carousel /&gt; &lt;InfoBlock class=\"mb-12\" /&gt; &lt;SearchBlock /&gt; &lt;CategoryBlock class=\"mt-12\" /&gt; &lt;CommunityBlock class=\"mt-12\" /&gt; &lt;v-lazy&gt; &lt;StatisticsBlock class=\"my-12\" /&gt; &lt;/v-lazy&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import Carousel from \"@/components/Home/Carousel\"; import CategoryBlock from \"@/components/Home/CategoryBlock\"; import CommunityBlock from \"@/components/Home/CommunityBlock\"; import InfoBlock from \"@/components/Home/InfoBlock\"; import SearchBlock from \"@/components/Home/SearchBlock\"; import StatisticsBlock from \"@/components/Home/StatisticsBlock\"; import RestClient from \"@/lib/Client/RESTClient.js\" const restClient = new RestClient(); /** Component to handle the front page (landing page) * */ export default { name: \"Home\", components:{Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock }, data() { return { JSONLD: {} } }, mounted() { this.getJsonld(); }, destroyed() { this.$scrollTo('body',0,{}); }, methods: { async getJsonld() { this.JSONLD = await restClient.getHomepageJsonld(); }, } }; &lt;/script&gt; × Search results Close "},"components_Curators_IncompleteRecords.vue.html":{"id":"components_Curators_IncompleteRecords.vue.html","title":"Source: components/Curators/IncompleteRecords.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; record {{ dialogs.recordID }}? It may take a moment... &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/div&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"incompleteRecords\"&gt; &lt;v-card-title id=\"text-curator-search-2\" class=\"green white--text\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"incompleteRecords\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; {{ props.item.required }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getIncompleteRecords from \"@/lib/GraphClient/queries/curators/getIncompleteRecords.json\" import formatDateIso from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { incompleteRecords:[], searches: \"\", recordType: {}, loading: false, dialogs: { recordID: \"\", deleteRecord: false, disableDelButton: true, createReview: false, }, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching incomplete records let records = await client.executeQuery(getIncompleteRecords); this.prepareIncompleteRecords(records) this.loading = false; }, methods: { /** * Method to fetch incomplete records * @param dataCuration */ prepareIncompleteRecords(dataCuration) { let records = dataCuration.incompleteRecords; records.forEach((item) =&gt; { let recommended = []; item.incomplete.recommended.forEach(rec =&gt; { recommended.push(rec.field) }); let required = []; item.incomplete.required.forEach(req =&gt; { required.push(req.field) }); let optional = []; item.incomplete.optional.forEach(req =&gt; { optional.push(req.field) }); let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, recommended: recommended.sort().join(', '), required: required.sort().join(', '), optional: optional.sort().join(', ') }; object.createdAt = this.formatDateIso(item.createdAt); this.incompleteRecords.push(object); }); }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; _module.dialogs.disableDelButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.incompleteRecords.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.incompleteRecords.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Licences.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchLicences\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import licencesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Licences\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Licences applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Licenses.\", }; }, computed: { ...mapGetters(\"licencesSearch\", [\"getSearchLicences\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { licencesSearch.commit( \"licencesSearch/setSearchLicences\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"licencesSearch\", [\"fetchSearchLicences\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchLicences(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"views_Users_Login_Login.vue.html":{"id":"views_Users_Login_Login.vue.html","title":"Source: views/Users/Login/Login.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col cols=\"12\" sm=\"12\" :md=\"!popUp ? '8' : '12'\" :lg=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'blue white--text mb-5': !popUp, 'py-0 mb-5': popUp }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel | capitalize }} &lt;/h2&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;!-- message handler --&gt; &lt;MessageHandler field=\"login\" /&gt; &lt;!-- button to re-send confirmation if login failed --&gt; &lt;div v-if=\"resendButton\" class=\"d-flex flex-row justify-center\" &gt; &lt;v-btn class=\"text-center teal white--text px-2\" href=\"/users/resendConfirmation\" @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt; Resend me the confirmation email &lt;/v-btn&gt; &lt;/div&gt; &lt;v-divider v-if=\"resendButton\" class=\"pb-0 mb-0\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" style=\"justify-content: center\" &gt; &lt;v-btn width=\"250px\" :class=\"provider.color\" class=\"text-left\" :href=\"provider.callback + getCurrentLocation()\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon left class=\"mr-5\" &gt; {{ \"fab fa-\" + provider.name.toLowerCase() }} &lt;/v-icon&gt; &lt;v-layout&gt;with {{ provider.name }}&lt;/v-layout&gt; &lt;/v-layout&gt; &lt;/v-btn&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-card-text&gt; &lt;!-- card content // Form --&gt; &lt;v-card-text v-if=\"currentPanel === 'login'\"&gt; &lt;v-form id=\"loginForm\" ref=\"loginForm\" v-model=\"formValid\" &gt; &lt;!-- account --&gt; &lt;v-text-field v-model=\"loginData.name\" label=\"Username or email\" required outlined :rules=\"[rules.isRequired()]\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-icon=\"show1 ? 'fa-eye' : 'fa-eye-slash'\" :type=\"show1 ? 'text' : 'password'\" label=\"Password\" counter required outlined :rules=\"[rules.isRequired()]\" @click:append=\"show1 = !show1\" @keyup.enter=\"logUser()\" /&gt; &lt;v-card-text class=\"text-center py-1\"&gt; &lt;router-link to=\"/accounts/forgotPassword\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Forgotten your password?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;router-link to=\"/accounts/signup\"&gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Need to create a new account?&lt;/span&gt; &lt;/router-link&gt; &lt;v-divider /&gt; &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#accessing-fairsharing-through-3rd-party-accounts\" target=\"_blank\" &gt; &lt;span @click=\" () =&gt; { $emit('ClosePopup', true); } \" &gt;Can't login with ORCID?&lt;/span&gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn class=\"px-4\" light color=\"primary\" :disabled=\"!formValid\" @click=\"logUser()\" &gt; LOGIN &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-form&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-form&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from 'vuex' import MessageHandler from \"@/components/Users/MessageHandler\"; import { isRequired } from \"@/utils/rules.js\" import stringUtils from '@/utils/stringUtils'; /** This component handles the login page * */ export default { name: \"Login\", components: { MessageHandler }, mixins: [stringUtils], props: { redirect: { type: Boolean, default: true, }, popUp: { type: Boolean, default: false, }, }, data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"green white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"black white--text\", callback: process.env.VUE_APP_API_ENDPOINT + \"/users/auth/github\", }, ], rules: { isRequired: function () { return isRequired(); }, }, formValid: false, }; }, computed: { ...mapState(\"users\", [\"messages\", \"user\"]), }, methods: { ...mapActions(\"users\", [\"login\", \"logout\"]), async logUser() { const _module = this; const user = { name: _module.loginData.name, password: _module.loginData.password, }; _module.$emit(\"ClosePopup\", false); await _module.login(user); if (_module.messages().login.error) { const confirmationError = \"You have to confirm your email address before continuing.\"; if (_module.messages().login.message === confirmationError) { _module.resendButton = true; } } else { const goTo = _module.$route.query.goTo; if (_module.redirect) { if (goTo) { _module.$router.push({ path: goTo, }); } else { _module.$router.push({ path: \"/accounts/profile\", }); } } } }, returnTo() { const _module = this; const goTo = _module.$route.query.goTo; if (goTo) { return `?return_to=${goTo}`; } return \"\"; }, getCurrentLocation() { let loc = this.$router.currentRoute.path; let params = this.$route.query; let query = Object.keys(params).map(k=&gt;`${k}=${params[k]}`).join('&amp;').replace(\"next=\",\"\"); let origin; if (params.length &gt; 0) { origin = encodeURI(`${loc}`); } else { origin = encodeURI(`${loc}?${query}`); } return `?origin=${origin}`; } }, }; &lt;/script&gt; &lt;style scoped&gt; #loginPage a { text-decoration: none !important; } .v-card__text { width: auto; } &lt;/style&gt; × Search results Close "},"components_Curators_MaintenanceRequests.vue.html":{"id":"components_Curators_MaintenanceRequests.vue.html","title":"Source: components/Curators/MaintenanceRequests.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"maintenanceRequestsProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-5\" class=\"green white--text\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + props.item.userId\"&gt; {{ props.item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes( props.item.id, props.item.processingNotes ) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"testDialog\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" assignMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right @click=\" rejectMaintenanceOwner( props.item.recordName, props.item.id, props.item.userName, props.item.requestID ) \" &gt; fas fa-ban &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 5px\"&gt; ACCEPT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('approved')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"700px\" persistent &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; REJECT &lt;/span&gt; this ownership? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; Record: &lt;/span&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;li&gt; &lt;span style=\"color: gray\"&gt; User: &lt;/span&gt; {{ dialogs.userName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue darken-1\" text persistent @click=\"assignMaintenanceOwnConfirm('rejected')\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getPendingMaintenanceRequests from \"@/lib/GraphClient/queries/curators/getPendingMaintenanceRequests.json\"; import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { dialogs: { confirmAssignment: false, recordName: \"\", recordID: \"\", userName: \"\", requestId: \"\", rejectAssignment: false, disableDelButton: false, }, error: { recordID: null, general: null, }, searches: \"\", maintenanceRequestsProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { maintenanceRequests: function () { this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); }, \"dialogs.confirmAssignment\"(val) { val || this.closeMaintenanceAssign(); }, \"dialogs.rejectAssignment\"(val) { val || this.closeMaintenanceReject(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getPendingMaintenanceRequests); this.prepareMaintenanceRequests(data); this.maintenanceRequestsProcessed = JSON.parse( JSON.stringify(this.maintenanceRequests) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting ownership/maintenance request * @param dataCuration */ prepareMaintenanceRequests(dataCuration) { let requests = dataCuration.pendingMaintenanceRequests; requests.forEach((item) =&gt; { let object = { createdAt: item.createdAt, recordName: `${item.fairsharingRecord.name} (${item.fairsharingRecord.id})`, id: item.fairsharingRecord.id, type: item.fairsharingRecord.type, userName: `${item.user.username}`, userId: `${item.user.id}`, processingNotes: item.fairsharingRecord.processingNotes, requestID: item.id, }; this.maintenanceRequests.push(object); }); this.maintenanceRequests.sort(this.compareRecordDesc); for (let i = 0; i &lt; this.maintenanceRequests.length; i++) { this.maintenanceRequests[i].createdAt = this.formatDate( this.maintenanceRequests[i].createdAt ); } }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, assignMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.confirmAssignment = true; }, closeMaintenanceAssign() { this.dialogs.disableDelButton = true; this.dialogs.confirmAssignment = false; }, async assignMaintenanceOwnConfirm(newStatus) { const _module = this; _module.dialogs.disableDelButton = true; _module.error = { recordID: null, general: null, }; let data = await restClient.updateStatusMaintenanceRequest( _module.dialogs.requestId, newStatus, this.user().credentials.token ); if (!data.error) { const index = _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.requestID === _module.dialogs.requestId ); _module.maintenanceRequestsProcessed.splice(index, 1); if ( _module.approvalRequired.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { if ( _module.maintenanceRequestsProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ) &lt; 0 ) { await _module.saveProcessingNotes(_module.dialogs.recordID, null); } } } else { _module.error.general = \"error assigning \" + newStatus; _module.error.recordID = _module.dialogs.recordID; } if (newStatus === \"approved\") { _module.dialogs.confirmAssignment = false; } else { _module.dialogs.rejectAssignment = false; } }, rejectMaintenanceOwner(recordName, recordID, userNameID, requestID) { const _module = this; _module.dialogs.disableDelButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.userName = userNameID; _module.dialogs.requestId = requestID; _module.dialogs.rejectAssignment = true; }, closeMaintenanceReject() { this.dialogs.disableDelButton = true; this.dialogs.rejectAssignment = false; }, compareRecordDesc(a, b) { if (a.createdAt &gt; b.createdAt) { return -1; } else { return 1; } }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-5 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .testDialog { width: 600px !important; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_CreateRecord_NewRecord.vue.html":{"id":"views_CreateRecord_NewRecord.vue.html","title":"Source: views/CreateRecord/NewRecord.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/CreateRecord/NewRecord.vue &lt;template&gt; &lt;v-container id=\"createRecord\" fluid &gt; &lt;v-form id=\"createRecord\" ref=\"createRecord\" v-model=\"formValid\" &gt; &lt;v-row&gt; &lt;v-col cols=\"12\"&gt; &lt;v-card v-if=\"loaded\"&gt; &lt;v-card-title class=\"primary white--text\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"white--text\" &gt; Creating a new FAIRassist record &lt;/h3&gt; &lt;h3 v-else &gt; Creating a new FAIRsharing record &lt;/h3&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"message.error\" class=\"pt-4\" &gt; &lt;v-alert type=\"error\"&gt; {{ message.value }}&lt;v-icon class=\"px-3\"&gt; fa-arrow-right &lt;/v-icon&gt; {{ message.value.response.data }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;base-fields :create-mode=\"true\" :submit-record=\"submitAnyway\" :loading=\"loading\" @submission=\"setSubmitAnyway()\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" /&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-form&gt; &lt;v-dialog v-model=\"recordCreated\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p&gt; &lt;b&gt;Draft submission saved!&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; We'll email you confirmation, including details of the remaining fields you'll need to add for your record. Our curators won't check your record until it is complete. &lt;/p&gt; &lt;p&gt; Click the button below to carry on adding information to your record. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"redirectToEdit(newRecord)\" &gt; OK &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters,mapState } from \"vuex\" import status from \"@/data/status.json\" import RESTClient from \"@/lib/Client/RESTClient.js\" import { isUrl } from \"@/utils/rules.js\" import BaseFields from \"../../components/Editor/GeneralInformation/BaseFields\"; import Loaders from \"../../components/Navigation/Loaders\"; let restClient = new RESTClient(); /** Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database * */ export default { name: \"NewRecordPage\", components: {Loaders, BaseFields}, props: { fairassistOnly: { type: Boolean, default: false } }, data(){ return { record: {}, newRecord: {}, recordsTypes: [], formValid: false, loaded: false, message: { error: false, value: null }, rules: { isUrl: function(){return isUrl()} }, submitAnyway: false, recordCreated: false, loading: false, } }, computed: { ...mapState('users', [\"user\"]), ...mapState('editor', ['possibleDuplicates', 'objectTypes']), ...mapGetters('record', ['getSection']) }, async mounted(){ this.$nextTick(async function () { this.loaded = false; this.resetRecord(); await this.getData(); this.loaded = true; this.$store.commit(\"editor/clearPossibleDuplicates\"); this.$store.commit(\"record/setCreatingNewRecord\"); }); }, methods: { ...mapActions(\"editor\", [\"getCountries\", \"getRecordTypes\", \"getTags\", \"getObjectTypes\", \"getPossibleDuplicates\", \"cleanEditorStore\" ]), ...mapActions(\"record\", [\"resetRecord\"]), async getData(){ await this.getCountries(); await this.getRecordTypes(this.fairassistOnly); await this.getTags(); await this.getObjectTypes(); }, async createRecord(){ this.message = { error: false, value: null }; let record = JSON.parse(JSON.stringify(this.getSection(\"generalInformation\").data)); // The user has not specified to ignore the warning of duplicate records. // So, a check is made to see if the server reports any possibilities if (!this.submitAnyway) { record = await this.checkForDups(record); } if (this.submitAnyway) { if (this.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } else { record.dups_suspected = false; } } else { if (this.possibleDuplicates.length &gt; 0) { return; } } this.loading = true; record.record_type_id = record.type.id; record.metadata.status = status; record.country_ids = record.countries.map(obj =&gt; obj.id); record.metadata.status = record.status; delete record.status; delete record.countries; delete record.type; let new_record = await restClient.createRecord(record, this.user().credentials.token); if (new_record.error) { this.message = { error: true, value: new_record.error } } else { this.recordCreated = true; this.newRecord = new_record; } }, redirectToEdit(record) { this.recordCreated = false; this.$router.push({ path: record.data.id + \"/edit\" }); }, async checkForDups(record) { const _module = this; // run the dup check query, using stored_name, stored_abbreviation or stored_homepage; any that // are over three characters in length. let fieldsToQuery = []; // These are only queried if they are at least 6 characters... [record.metadata.name, record.metadata.abbreviation].forEach(function(val) { /* istanbul ignore else */ if (val === null) { return; } if (val.trim().length &gt;= 3) { fieldsToQuery.push(val); } }); // ...whereas any length URL will do if it is valid. let urlCheck = _module.rules.isUrl(); /* istanbul ignore next */ if (urlCheck(record.metadata.homepage)) { fieldsToQuery.push(record.metadata.homepage) } /* istanbul ignore if */ if (fieldsToQuery.length === 0) { return; } // Now send the query. await _module.getPossibleDuplicates({fields: fieldsToQuery}); if (_module.possibleDuplicates.length &gt; 0) { record.dups_suspected = true; } return record; }, setSubmitAnyway() { this.submitAnyway = true; }, tryAgain() { this.submitAnyway = false; this.$store.commit(\"editor/clearPossibleDuplicates\"); } } } &lt;/script&gt; &lt;style scoped&gt; .v-autocomplete__content .v-subheader { font-size: 2rem; text-transform: capitalize; } #autocompleteSelect .v-list-item { min-height: 0 !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_ObjectTypes.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"typeList()\" :loading=\"getLoadingData\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"ObjectTypes\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Object types applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see available types.\", }; }, computed: { ...mapGetters(\"objectTypes\", [\"getObjectTypes\", \"getLoadingData\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { objectTypes.commit( \"objectTypes/setObjectTypes\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"objectTypes\", [\"fetchObjectTypes\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchObjectTypes(queryParams); }, typeList() { let items = []; this.getObjectTypes.forEach((item) =&gt; { items.push(item.label); }) return items; } }, }; &lt;/script&gt; × Search results Close "},"views_Organisations_Organisation.vue.html":{"id":"views_Organisations_Organisation.vue.html","title":"Source: views/Organisations/Organisation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" fluid class=\"standard grey lighten-3 pb-10\" &gt; &lt;Loaders v-if=\"loading\" /&gt; &lt;div v-if=\"error &amp;&amp; !loading\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;!-- new stuff below here --&gt; &lt;v-card class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column\" outlined :color=\"$vuetify.theme.themes.bg_organisation_record_card\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Organisation\" /&gt; &lt;!-- TODO: This image refuses to go anywhere but centrally on the page --&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;h2 class=\"mt-3\" &gt; {{ organisation.name }} &lt;/h2&gt; &lt;!-- alternative names --&gt; &lt;div v-if=\"getAltNames(organisation)\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Also known as&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; {{ getAltNames(organisation) }} &lt;/p&gt; &lt;/div&gt; &lt;!-- homepage --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Homepage&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;a :href=\"organisation.homepage\"&gt;{{ organisation.homepage }}&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- types --&gt; &lt;div class=\"d-flex flex-row mt-4 align-center\"&gt; &lt;b class=\"width-15-percent-flex\"&gt;Types&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"type in organisation.types\" :key=\"type + '_type'\" variant=\"elevated\" class=\"ma-1\" &gt; {{ type }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- parent organisations --&gt; &lt;div v-if=\"organisation.parentOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Member of&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"parent in organisation.parentOrganisations\" :key=\"'parent_' + parent.id\" :href=\"orgUrl() + parent.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ parent.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- child organisations --&gt; &lt;div v-if=\"organisation.childOrganisations.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Has members&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"child in organisation.childOrganisations\" :key=\"'child_' + child.id\" :href=\"orgUrl() + child.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ child.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- users --&gt; &lt;div v-if=\"organisation.users.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Users&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"user in organisation.users\" :key=\"'user_' + user.id\" :href=\"getUserLink() + user.id\" color=\"light-blue\" variant=\"elevated\" class=\"ma-1\" &gt; {{ formatUser(user) }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- countries --&gt; &lt;div v-if=\"organisation.countries.length &gt; 0\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Countries&lt;/b&gt; &lt;p class=\"ma-0 full-width ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"country in organisation.countries\" :key=\"'country_' + country.id\" variant=\"elevated\" class=\"ma-1\" &gt; {{ country.name }} &lt;/v-chip&gt; &lt;/p&gt; &lt;/div&gt; &lt;!--- saved searches --&gt; &lt;div v-if=\"organisation.savedSearches &amp;&amp; organisation.savedSearches.length\" class=\"d-flex flex-row mt-4 align-center\" &gt; &lt;b class=\"width-15-percent-flex\"&gt;Saved Search&lt;/b&gt; &lt;div class=\"d-flex ml-md-12 ml-13\"&gt; &lt;v-chip v-for=\"search in organisation.savedSearches\" :key=\"search.id\" class=\"ma-1\" variant=\"elevated\" &gt; &lt;a class=\"black--text\" :href=\"search.url\" &gt; {{ search.name }} &lt;/a&gt; &lt;v-icon v-if=\"user().is_super_curator? true:false\" right class=\"ml-4\" size=\"20\" color=\"error\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- ror link --&gt; &lt;p v-if=\"organisation.rorLink\" class=\"d-flex flex-row mt-4 mb-0 align-center\" &gt; &lt;img src=\"/assets/icons/ror-icon-rbg-32.png\" class=\"mr-1\" &gt; &lt;a :href=\"organisation.rorLink\" &gt; {{ organisation.rorLink }} &lt;/a&gt; &lt;/p&gt; &lt;!-- edit --&gt; &lt;p v-if=\"user().is_curator\" class=\"mt-4\" &gt; &lt;v-btn class=\"warning\" @click=\"startEditing\" &gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"error ml-2\" @click=\"confirmDeleteOrganisation\" &gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" class=\"mb-10 ma-4\" :organisation=\"organisation\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\" &gt; &lt;v-container fluid class=\"py-0\" /&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"loading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&gt; &lt;v-expand-transition&gt; &lt;v-dialog v-model=\"showEditDialog\" height=\"100%\" &gt; &lt;v-form id=\"editOrganisation\" ref=\"editOrganisation\" v-model=\"editFormValid\" &gt; &lt;v-card&gt; &lt;v-card-text&gt; &lt;v-container fluid&gt; &lt;v-row&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.name\" label=\"Name\" outlined :rules=\"[rules.isRequired()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" label=\"Homepage\" outlined :rules=\"[rules.isRequired(), rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" label=\"ROR Link\" outlined :rules=\"[rules.isURL()]\" /&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" outlined item-text=\"name\" item-value=\"id\" return-object label=\"Alternative names\" :rules=\"[]\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" multiple outlined item-text=\"name\" item-value=\"id\" return-object label=\"Select an organisation type(s)\" :rules=\"[rules.isRequired()]\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeType(data.item)\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" label=\"Countries\" :items=\"countries\" item-text=\"name\" item-value=\"name\" multiple outlined return-object :rules=\"[editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0)]\" &gt; &lt;template #prepend&gt; &lt;v-tooltip bottom max-width=\"300px\" class=\"text-justify\" &gt; &lt;template #activator=\"{ on }\"&gt; &lt;v-icon v-on=\"on\"&gt; fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips['countries'] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- autocomplete selected --&gt; &lt;template #selection=\"data\"&gt; &lt;v-chip class=\"blue white--text removeStyle\" close @click:close=\"removeCountry( data.item )\" &gt; {{ data.item.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"data\"&gt; &lt;country-flag v-if=\"data.item.code !== null\" :country=\"data.item.code\" size=\"normal\" /&gt; &lt;img v-else src=\"@/assets/placeholders/country.png\" class=\"ml-4 mr-3\" &gt; &lt;div&gt; {{ data.item.name }} &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :rules=\"[rules.isImage(), imageSizeCorrect]\" clearable :loading=\"logoLoading\" accept=\"image/png,image/jpeg\" label=\"Logo\" prepend-icon=\"fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col cols=\"12\" class=\"pb-0\" &gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" contain aspect-ratio=\"1\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn class=\"error\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"success\" :disabled=\"!editFormValid || imageTooBig\" @click=\"editOrganisation()\" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-form&gt; &lt;/v-dialog&gt; &lt;/v-expand-transition&gt; &lt;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"700px\" persistent &gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"headline\" &gt; Deleting organisation! &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;p&gt; &lt;b&gt;Are you sure you want to do that? It will be permanently deleted.&lt;/b&gt; &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"info\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"error\" @click=\"deleteOrganisation(true)\" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt;This is will unlink saved search from this organisaton&lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"deleteLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapState} from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchOrganisationRecords from \"@/components/Organisations/SearchOrganisationRecords.vue\"; import SectionTitle from \"@/components/Records/Record/SectionTitle.vue\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\" import getOrganisationQuery from \"@/lib/GraphClient/queries/Organisations/getOrganisation.json\" import saveSearch from \"@/store\"; import { isImage, isRequired, isUrl } from \"@/utils/rules.js\" import { cleanString } from \"@/utils/stringUtils\" import NotFound from \"@/views/Errors/404\" let graphClient = new GraphClient(); import RestClient from \"@/lib/Client/RESTClient.js\" import {toBase64} from \"@/utils/generalUtils\"; const restClient = new RestClient(); export default { name: \"Organisation\", components: {SearchOrganisationRecords, SectionTitle, NotFound, Loaders}, mixins: [cleanString], data: () =&gt; { return { error: true, allowedFileSize: 3145728, organisation: { alternativeNames: [], types: [], users: [], parentOrganisations: [], childOrganisations: [], countries: [] }, editedOrganisation: { name: '', homepage: '', types: [], logo: null, countries: [], rorLink: [], alternativeNames: [], parentOrganisations: [], childOrganisations: [], }, loading: false, logoLoading: false, imageTooBig: true, perPage: 10, footer: {'items-per-page-options': [10]}, showOverlay: false, targetID: null, testEnvironment: false, headers: [ {text: 'Name', value: 'name', align: 'center'}, {text: 'Status', value: 'status', align: 'center'}, {text: 'Relation', value: 'relation', align: 'center'}, {text: 'Grant', value: 'grant', align: 'center'}, {text: 'Actions', value: 'actions', align: 'center', sortable: false} ], userHeaders: [ {text: 'Username', value: 'username', align: 'center'}, {text: 'Email address', value: 'email', align: 'center'}, {text: 'ORCID ID', value: 'orcid', align: 'center'}, {text: 'Twitter', value: 'twitter', align: 'center'}, ], showEditDialog: false, editFormValid: false, rules: { isRequired: function(){return isRequired() }, isURL: function(){ return isUrl() }, isImage: function(){ return isImage() } }, confirmDelete: false, deleteOrganisationCard: false, unlinkSavedSearchCard: false, selectedItem: {}, deleteLoader: false } }, computed: { ...mapState('users', ['user']), ...mapState(\"editor\", [\"organisationsTypes\", \"countries\", \"tooltips\"]), currentRoute() { return this.$route.params['id']; }, logoUrl() { if (this.organisation.urlForLogo) { return process.env.VUE_APP_API_ENDPOINT + this.organisation.urlForLogo; } return null; } }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, methods: { ...mapActions(\"editor\", [\"getOrganisationsTypes\", \"getCountries\"]), async getOrganisation() { try { // testEnvironment variable is only for test case. if (this.testEnvironment) throw new Error(\"an error occurred while fetching data\") this.loading = true; getOrganisationQuery.queryParam.id = parseInt(this.$route.params.id); let org = await graphClient.executeQuery(getOrganisationQuery); if (org.organisation != null) { this.organisation = JSON.parse(JSON.stringify(org.organisation)); this.editedOrganisation.name = this.organisation.name; this.editedOrganisation.homepage = this.organisation.homepage; this.editedOrganisation.rorLink = this.organisation.rorLink; this.editedOrganisation.countries = this.organisation.countries; this.editedOrganisation.alternativeNames = this.organisation.alternativeNames; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; } }, async editOrganisation() { // TODO complete organisation input // A Ruby-style map would be better here. Please feel free to refactor if you know how! ;-) let type_ids = [] this.editedOrganisation.types.forEach((type) =&gt; { type_ids.push(type.id) }) let country_ids = [] this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id) }) let alt_names; try { alt_names = this.editedOrganisation.alternativeNames.split(','); } catch { alt_names = []; } this.logoLoading = true; let organisationInput = { name: this.editedOrganisation.name, homepage: this.editedOrganisation.homepage, organisation_type_ids: type_ids, country_ids: country_ids, ror_link: this.editedOrganisation.rorLink, alternative_names: alt_names } if (this.editedOrganisation.logo) { let convertedFile = await toBase64(this.editedOrganisation.logo); organisationInput.logo = { filename: this.editedOrganisation.logo.name, content_type: this.editedOrganisation.logo.type, data: convertedFile } } let data = await restClient.editOrganisation(organisationInput, this.organisation.id, this.user().credentials.token); if (!data.error) { // Reload to get the new data. await this.getOrganisation(); this.showEditDialog = false; } this.logoLoading = false; }, imageSizeCorrect() { if (!this.editedOrganisation.logo) { this.imageTooBig = false; return true; } if (this.editedOrganisation.logo.size &lt; this.allowedFileSize) { this.imageTooBig = false; return true; } this.$emit('imageTooBig', true); this.imageTooBig = true; return false; }, goToEdit(id) { this.$router.push({path: `/${id}/edit`}) }, previewRecord(id) { this.targetID = id; this.showOverlay = true; }, goToRecord(id) { window.open(\"/\" + id, '_blank'); }, hideOverlay() { this.showOverlay = false; this.targetID = null; }, filterRecords() { const params = {organisations: encodeURIComponent(this.organisation.name.toLowerCase())} this.$router.push({ name: 'search', query: params }); }, getAltNames(org) { if (org.alternativeNames.length &gt; 0) { return org.alternativeNames.join(', '); } return null; }, formatUser(user) { if (user.orcid) { return `${user.username} (${user.orcid})` } else { return user.username; } }, getUserLink() { return process.env.VUE_APP_HOSTNAME + 'users/' }, orgUrl() { return process.env.VUE_APP_HOSTNAME + 'organisations/' }, removeType(type) { this.editedOrganisation.types = this.editedOrganisation.types.filter(obj =&gt; obj.label !== type.name &amp;&amp; obj.id !== type.id ); }, removeCountry(country) { this.editedOrganisation.countries = this.editedOrganisation.countries.filter(obj =&gt; obj.label !== country.name &amp;&amp; obj.id !== country.id ); }, async startEditing() { this.loading = true; this.showEditDialog = true; await this.getOrganisationsTypes(); this.editedOrganisation.types = this.organisationsTypes.filter(obj =&gt; this.organisation.types.indexOf(obj.name) &gt; -1 ); await this.getCountries(); this.loading = false; }, /** * Confirmation dialog to delete the organisation */ confirmDeleteOrganisation(){ this.confirmDelete = true; this.deleteOrganisationCard = true; this.unlinkSavedSearchCard = false; }, /** * Delete the organisation and redirect to organisation search page after deletion * @param del - Boolean */ async deleteOrganisation(del) { this.unlinkSavedSearchCard = false; if (del) { let data = await restClient.deleteOrganisation(this.organisation.id, this.user().credentials.token); if (!data.error) { // Redirects to organisations page. window.location.pathname = '/organisations' } } this.deleteOrganisationCard = false; this.confirmDelete = false; }, /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item){ this.selectedItem = item; this.confirmDelete = true; this.deleteOrganisationCard = false; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { this.deleteOrganisationCard = false; if (del) { this.deleteLoader = true; //Filter the currentOrganisation to unlink let linkOrganisation = this.selectedItem.organisations .filter(({id}) =&gt; id !== this.organisation.id); //Array of id of the remaining organisation linkOrganisation = linkOrganisation.map(({id}) =&gt; id) let saveSearchObj = { organisation_ids: linkOrganisation, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, } &lt;/script&gt; &lt;style scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_OrganisationStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/OrganisationStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"organisationSelected\" :items=\"getSearchOrganisations\" :search-input.sync=\"searchOrganisation\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for organisation(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No organisation found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"organisationList &amp;&amp; organisationList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in organisationList\" :key=\"index\" v-model=\"organisationSelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No organisation found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"OrganisationStepper\", data() { return { organisationSelected: [], organisationList: [], searchOrganisation: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"organisationSearch\", [ \"getSearchOrganisations\", \"getLoadingStatus\", ]), }, watch: { searchOrganisation(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.fetchSearchOrganisations(val); }, organisationSelected(val) { saveSearch.commit(\"saveSearch/setOrganisationSelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.organisationList = await this.fetchUserOrganisationData(); this.loading = false; } }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), ...mapActions(\"users\", [\"getUser\"]), /** * Returns Organisation List associated to user * @return {Array} - Organisation List */ async fetchUserOrganisationData() { await this.getUser(); let organisationsArr = this.getUserRecords.user[\"organisations\"]; if (organisationsArr &amp;&amp; organisationsArr.length) { return organisationsArr; } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.organisationSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Organisations.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import organisationSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Organisations\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Organisations related to this record. Multiple selections will be joined with OR. Start typing to see Organisations.\", }; }, computed: { ...mapGetters(\"organisationSearch\", [\"getSearchOrganisations\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { organisationSearch.commit( \"organisationSearch/setSearchOrganisations\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"organisationSearch\", [\"fetchSearchOrganisations\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchOrganisations(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Pagination.vue.html":{"id":"components_Records_Search_Header_Pagination.vue.html","title":"Source: components/Records/Search/Header/Pagination.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"($vuetify.breakpoint.mdAndUp) ? 7 : 3\" /&gt; &lt;/template&gt; &lt;script&gt; import {throttle} from 'lodash'; /** Component to handle the advanced search filters for the searchFairsharingRecords query. * @vue-prop {Number} [totalPages = 0] - the total number of pages to display * @vue-data {Number} [currentQuery = null] - the current page number */ export default { name: \"Pagination\", props: { totalPages: { type: Number, default: 0 }, currentPage: { type: Number, default: 1 } }, data() { return { currentPageLocal: null, allowPaginate: true, disable: false, page: 1 } }, watch: { '$route.name': function () { this.currentPageLocal = 1; }, '$route.query': { handler: function (newVal) { let _module = this; if (!Object.prototype.hasOwnProperty.call(newVal, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(newVal.page); _module.page = _module.currentPageLocal; } }, immediate: true }, 'page': function (newPage) { this.paginate(newPage); } }, created() { let _module = this; if (!Object.prototype.hasOwnProperty.call(_module.$route.query, \"page\")) { _module.currentPageLocal = 1; _module.page = _module.currentPageLocal; } else { _module.currentPageLocal = Number(_module.$route.query.page); _module.page = _module.currentPageLocal; } }, methods: { /** * Set the current query page parameter value to the given input for vueJs router * @param {Number} pageNumber - the page to go to */ paginate: async function (pageNumber) { if (this.allowPaginate) { if (pageNumber !== this.currentPageLocal &amp;&amp; this.allowPaginate) { let _module = this; let currentQuery = {}; _module.currentPageLocal = pageNumber; Object.keys(_module.$route.query).forEach(function (param) { currentQuery[param] = _module.$route.query[param] }); currentQuery.page = pageNumber; this.disableThrottle(this.disable); await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } } }, /** * Postpone the pagination buttons to be clickable */ PaginatePermission: throttle(function () { this.allowPaginate = true }, 1200), /** * Set the environment ready for testing or development * @param {Boolean} disable - should disable or not the throttle for the next call */ disableThrottle: function (disable) { if (!disable) { this.allowPaginate = false; this.PaginatePermission(); } else { this.allowPaginate = true; } } }, } &lt;/script&gt; &lt;style scoped&gt; button { outline: none; } #advancedSearch { top: 20px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_PolicyRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/PolicyRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedPolicyRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a policy rule &lt;/option&gt; &lt;option v-for=\"rule in policyQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedPolicyRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedPolicyRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash\" import { DataAvailabilityStatement, DataCitation, DataPreservation, DataProtection, ExceptionsToDataSharing, GuidanceToHelpEnableCompliance, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, PolicyRecordType, RecommendsDatabase, RecommendsStandard, SharingResearchSoftware, SupportedCosts, TimingOfDmp, UpdatingOfDmp } from \"../index\"; export default { name: \"PolicyRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedPolicyRule: \"\", }; }, methods:{ policyQueryBuilderComponents() { let policyRecordType = [ { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, ] return policyRecordType.concat(this.sortedArrayList()) }, /** * Sort Array list by name */ sortedArrayList(){ return sortBy([{ identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, ], \"name\") }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedPolicyRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_PolicyStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/PolicyStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"policySelected\" :items=\"getPolicyRecords\" :search-input.sync=\"searchPolicy\" class=\"mb-7\" :loading=\"getLoadingStatus\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"name\" label=\"Enter text to search for policy record(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"name\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!getLoadingStatus\" class=\"py-3 px-4\" &gt; No Policy found &lt;/div&gt; &lt;div v-show=\"getLoadingStatus\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;v-progress-linear :active=\"loading\" :indeterminate=\"loading\" height=\"6\" rounded color=\"primary\" /&gt; &lt;template v-if=\"policyList &amp;&amp; policyList.length\"&gt; &lt;v-checkbox v-for=\"({ id, name }, index) in policyList\" :key=\"index\" v-model=\"policySelected\" :label=\"name\" :value=\"id\" /&gt; &lt;/template&gt; &lt;template v-else&gt; &lt;p v-if=\"!loading\"&gt; No policy found &lt;/p&gt; &lt;/template&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"PolicyStepper\", data() { return { policySelected: [], policyList: [], searchPolicy: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), ...mapGetters(\"saveSearch\", [\"getPolicyRecords\", \"getLoadingStatus\"]), }, watch: { searchPolicy(val) { if (!val || val.length &lt; 3) return; this.fetchPolicyRecords(); }, policySelected(val) { saveSearch.commit(\"saveSearch/setPolicySelected\", val); }, }, async mounted() { if (!this.user().is_super_curator) { this.loading = true; this.policyList = await this.fetchUserPolicyRecordData(); this.loading = false; } }, methods: { ...mapActions(\"users\", [\"getUser\"]), ...mapActions(\"saveSearch\", [\"fetchPolicyRecords\"]), /** * Return FairSharing Records of the Policy records maintained * by the user * @return {Array} - Policy record name used in the stepper */ async fetchUserPolicyRecordData() { await this.getUser(); let maintainedRecordsArr = await this.getUserRecords.user[ \"maintainedRecords\" ]; if (maintainedRecordsArr &amp;&amp; maintainedRecordsArr.length) { return maintainedRecordsArr.filter( (record) =&gt; record[\"registry\"] === \"Policy\" ); } return []; }, /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.policySelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderView.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderView.vue &lt;template&gt; &lt;query-builder v-model=\"query\" :config=\"config\" &gt; &lt;!-- To use the custom text instead of default text 'Operator' --&gt; &lt;template #groupOperator=\"props\"&gt; &lt;div class=\"query-builder-group__group-selection\"&gt; &lt;div class=\"tooltip\"&gt; &lt;v-icon small class=\"mr-1 white--text tooltipIcon\" &gt; fa-question-circle &lt;/v-icon&gt; &lt;span class=\"tooltiptext\" /&gt; &lt;/div&gt; &lt;span class=\"query-builder-group__group-operator\"&gt; Select an Operator to apply across all groups &lt;/span&gt; &lt;select class=\"operatorSelect\" :value=\"props.currentOperator\" @input=\"props.updateCurrentOperator($event.target.value)\" &gt; &lt;option disabled value=\"\" &gt; Select an operator &lt;/option&gt; &lt;option v-for=\"operator in props.operators\" :key=\"operator.identifier\" :value=\"operator.identifier\" v-text=\"operator.name\" /&gt; &lt;/select&gt; &lt;/div&gt; &lt;/template&gt; &lt;template #groupControl=\"props\"&gt; &lt;GroupCtrlSlot :group-ctrl=\"props\" /&gt; &lt;/template&gt; &lt;/query-builder&gt; &lt;/template&gt; &lt;script&gt; import QueryBuilder from \"query-builder-vue\"; import { mapGetters } from \"vuex\"; import advancedSearch from \"@/store\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, ObjectTypes, Organisations, PolicyRecordType, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, ResourceSustainability, SharingResearchSoftware, StandardRecordType, Subject, SupportedCosts, Taxonomies, TimingOfDmp, UpdatingOfDmp, UserDefinedTag, UsesPersistentIdentifier } from \"./QueryBuilderComponents\"; export default { name: \"QueryBuilderView\", components: { QueryBuilder, GroupCtrlSlot }, props: { isDialog: { type: Boolean, default: false, }, }, data: () =&gt; { return { query: { operatorIdentifier: \"_and\", children: [], }, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getEditDialogStatus\", \"getEditAdvancedSearch\", ]), config() { return { operators: [ { name: \"AND\", identifier: \"_and\", }, { name: \"OR\", identifier: \"_or\", }, ], rules: [ { identifier: \"registry\", name: \"Registry\", component: Registry, initialValue: () =&gt; [], }, { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"policytype\", name: \"Policy Record Type\", component: PolicyRecordType, initialValue: () =&gt; [], }, { identifier: \"subjects\", name: \"Subject\", component: Subject, initialValue: () =&gt; [], }, { identifier: \"domains\", name: \"Domain\", component: Domain, initialValue: () =&gt; [], }, { identifier: \"userDefinedTags\", name: \"User Defined Tag\", component: UserDefinedTag, initialValue: () =&gt; [], }, { identifier: \"status\", name: \"Record Status\", component: RecordStatus, initialValue: () =&gt; [], }, { identifier: \"taxonomies\", name: \"Taxonomies\", component: Taxonomies, initialValue: () =&gt; [], }, { identifier: \"licences\", name: \"Licences\", component: Licences, initialValue: () =&gt; [], }, { identifier: \"countries\", name: \"Countries\", component: Countries, initialValue: () =&gt; [], }, { identifier: \"objectTypes\", name: \"Object Types\", component: ObjectTypes, initialValue: () =&gt; [], }, { identifier: \"organisations\", name: \"Organisations\", component: Organisations, initialValue: () =&gt; [], }, { identifier: \"databasetype\", name: \"Database Record Type\", component: DatabaseRecordType, initialValue: () =&gt; [], }, { identifier: \"dataCuration\", name: \"Data Curation\", component: DataCuration, initialValue: () =&gt; [], }, { identifier: \"dataDepositionCondition\", name: \"Data Deposition Condition\", component: DataDepositionCondition, initialValue: () =&gt; [], }, { identifier: \"dataAccessCondition\", name: \"Data Access Condition\", component: DataAccessCondition, initialValue: () =&gt; [], }, { identifier: \"citationToRelatedPublications\", name: \"Citation To Related Publications\", component: CitationToRelatedPublications, initialValue: () =&gt; [], }, { identifier: \"dataAccessForPrePublicationReview\", name: \"Data Access For Pre Publication Review\", component: DataAccessForPrePublicationReview, initialValue: () =&gt; [], }, { identifier: \"dataContactInformation\", name: \"Data Contact Information\", component: DataContactInformation, initialValue: () =&gt; [], }, { identifier: \"dataVersioning\", name: \"Data Versioning\", component: DataVersioning, initialValue: () =&gt; [], }, { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"certificationsAndCommunityBadges\", name: \"Certifications And Community Badges\", component: CertificationsAndCommunityBadges, initialValue: \"\", }, { identifier: \"dataProcessesAndConditions\", name: \"Data Processes And Conditions\", component: DataProcessesAndConditions, initialValue: \"\", }, { identifier: \"dataPreservationPolicy\", name: \"Data Preservation Policy\", component: DataPreservationPolicy, initialValue: \"\", }, { identifier: \"resourceSustainability\", name: \"Resource Sustainability\", component: ResourceSustainability, initialValue: \"\", }, { identifier: \"dataAvailabilityStatement\", name: \"Data Availability Statement\", component: DataAvailabilityStatement, initialValue: \"\", }, { identifier: \"dataProtection\", name: \"Data Protection\", component: DataProtection, initialValue: \"\", }, { identifier: \"dataCitation\", name: \"Data Citation\", component: DataCitation, initialValue: \"\", }, { identifier: \"dataPreservation\", name: \"Data Preservation\", component: DataPreservation, initialValue: \"\", }, { identifier: \"exceptionsToDataSharing\", name: \"Exceptions To Data Sharing\", component: ExceptionsToDataSharing, initialValue: \"\", }, { identifier: \"mandatedDataSharing\", name: \"Mandated Data Sharing\", component: MandatedDataSharing, initialValue: () =&gt; [], }, { identifier: \"mandatedDmpCreation\", name: \"Mandated DMP Creation\", component: MandatedDmpCreation, initialValue: () =&gt; [], }, { identifier: \"sharingResearchSoftware\", name: \"Sharing Research Software\", component: SharingResearchSoftware, initialValue: () =&gt; [], }, { identifier: \"timingOfDmp\", name: \"Timing Of DMP\", component: TimingOfDmp, initialValue: () =&gt; [], }, { identifier: \"licencesForOutputs\", name: \"Licences For Outputs\", component: LicencesForOutputs, initialValue: \"\", }, { identifier: \"supportedCosts\", name: \"Supported Costs\", component: SupportedCosts, initialValue: \"\", }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, { identifier: \"hasPublication\", name: \"Has Publication\", component: HasPublication, initialValue: \"\", }, { identifier: \"usesPersistentIdentifier\", name: \"Uses Persistent Identifier\", component: UsesPersistentIdentifier, initialValue: \"\", }, { identifier: \"recommendsDatabase\", name: \"Recommends At Least One Database\", component: RecommendsDatabase, initialValue: \"\", }, { identifier: \"recommendsStandard\", name: \"Recommends At Least One Standard\", component: RecommendsStandard, initialValue: \"\", }, { identifier: \"updatingOfDmp\", name: \"Updating of DMP\", component: UpdatingOfDmp, initialValue: \"\", }, { identifier: \"guidanceToHelpEnableCompliance\", name: \"Guidance To Help Enable Compliance\", component: GuidanceToHelpEnableCompliance, initialValue: \"\", }, { identifier: \"monitoringOfCompliance\", name: \"Monitoring Of Compliance\", component: MonitoringOfCompliance, initialValue: \"\", }, ], colors: [\"#599C0F\", \"#CB9221\", \"#A04545\"], }; }, /** * Removes duplicate entries and return unique values * @returns {Object} */ uniqueGetEditAdvancedSearch() { let searchValues = { operatorIdentifier: this.getEditAdvancedSearch[\"operatorIdentifier\"], children: [], }; if ( this.getEditAdvancedSearch[\"children\"] &amp;&amp; this.getEditAdvancedSearch[\"children\"].length ) { this.getEditAdvancedSearch[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { let fieldsObj = { operatorIdentifier: item[\"operatorIdentifier\"], children: uniqueValues(item[\"children\"]), }; searchValues[\"children\"].push(fieldsObj); } }); } return searchValues; }, }, watch: { query(newValue) { advancedSearch.commit(\"advancedSearch/setAdvancedSearch\", newValue); //Updating edit advanced search only if newValue has some data if (newValue[\"children\"] &amp;&amp; newValue[\"children\"].length) { newValue[\"children\"].forEach((item) =&gt; { if (item[\"children\"] &amp;&amp; item[\"children\"].length) { advancedSearch.commit( \"advancedSearch/setEditAdvancedSearch\", newValue ); } }); } }, /** * Reset the dialog box when closed and opened again * @param open - Boolean */ isDialog: { handler(open) { //On click of Reset/Open Advanced search button if (open &amp;&amp; !this.getEditDialogStatus) { this.query = { operatorIdentifier: \"_and\", children: [ { operatorIdentifier: \"_and\", children: [], }, ], }; } }, immediate: true, }, /** * Populate the dialog box with advanced search selection * @param open - Boolean */ getEditDialogStatus: { handler(open) { if (open) { this.query = this.uniqueGetEditAdvancedSearch; } }, immediate: true, }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"~vuetify/src/styles/settings/_variables.scss\"; @import \"@/styles/queryBuilderView\"; &lt;/style&gt; × Search results Close "},"components_Curators_RecentCuratorCreation.vue.html":{"id":"components_Curators_RecentCuratorCreation.vue.html","title":"Source: components/Curators/RecentCuratorCreation.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/RecentCuratorCreation.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"recordsCreatedCuratorsLastWeek\"&gt; &lt;v-card-title id=\"text-curator-search-3\" class=\"green white--text\" &gt; &lt;b&gt; RECORDS CREATED BY CURATORS IN THE PAST WEEK &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordNameID }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getRecentCuratorCreations from \"@/lib/GraphClient/queries/curators/getRecentCuratorCreations.json\" import formatDate from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { recordsCreatedCuratorsLastWeek:[], searches: \"\", recordType: {}, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let recentCuratorCreations = await client.executeQuery(getRecentCuratorCreations); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations) this.loading = false; }, methods: { /** * Method to fetch recent curator creation records * @param dataCuration */ prepareRecordsCuratorCreationsLastWeek(dataCuration) { let records = dataCuration.recentCuratorCreations; records.forEach((item) =&gt; { let object = { recordNameID: `${item.name} (${item.id})`, type: item.type, id: item.id, }; object.createdAt = this.formatDate(item.createdAt); if (item.creator) { object.creator = item.creator.username; object.idCreator = item.creator.id; } else { object.creator = \"unknown\"; } this.recordsCreatedCuratorsLastWeek.push(object); }); }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px } &lt;/style&gt; × Search results Close "},"views_Records_Record.vue.html":{"id":"views_Records_Record.vue.html","title":"Source: views/Records/Record.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;main&gt; &lt;v-container v-if=\"queryTriggered\" fluid &gt; &lt;!-- error --&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;!-- Action Menu &amp; Alert --&gt; &lt;v-row v-if=\"!target &amp;&amp; queryTriggered\" class=\"mx-1\" &gt; &lt;v-col cols=\"12\" &gt; &lt;!-- alerts --&gt; &lt;record-alert v-for=\"(alert,key,index) in alerts\" :key=\"key+'_'+alert.message+'_'+index\" :type=\"alert.type\" :message=\"alert.message\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar,index) in snackbars\" :key=\"snackbar.message+'_'+index\" :message=\"snackbar.message\" :type=\"snackbar.type\" :model=\"convertStringToLocalVar(snackbar.model)\" /&gt; &lt;!-- Menu component --&gt; &lt;record-menu v-if=\"currentRecord.fairsharingRecord['isHidden']!==undefined &amp;&amp; !error &amp;&amp; !recordHidden\" :buttons=\"buttons\" :read-only-mode=\"readOnlyMode\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- CuratorsNotes --&gt; &lt;CuratorNotes id=\"curatorNotes\" class=\"ma-4 mb-7\" :back-color=\"getRecordCardBackground\" /&gt; &lt;Tombstone v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; currentRecord['fairsharingRecord'].metadata.tombstone\" id=\"tombStone\" :record=\"currentRecord['fairsharingRecord']\" /&gt; &lt;Hidden v-if=\"recordHidden\" id=\"hidden\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" :is-logged-in=\"user().isLoggedIn\" /&gt; &lt;!-- handle situations where the record is hidden --&gt; &lt;!-- Content --&gt; &lt;div v-if=\"currentRecord['fairsharingRecord'] &amp;&amp; !error &amp;&amp; !recordHidden &amp;&amp; !currentRecord['fairsharingRecord'].metadata.tombstone\"&gt; &lt;!-- Top Block --&gt; &lt;GeneralInfo id=\"generalInfo\" :class=\"['ma-4',{'mb-10':currentRecord.fairsharingRecord.registry==='Collection'}]\" :can-claim=\"canClaim\" :back-color=\"getRecordCardBackground\" @requestOwnership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;!--Left Block--&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.leftBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;!--Right Block--&gt; &lt;v-col :cols=\"$vuetify.breakpoint.mdAndDown?'12':'6'\"&gt; &lt;div v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\"&gt; &lt;component :is=\"block\" v-for=\"(block,index) in currentDynamicBlock.rightBlock\" :id=\"block.toLowerCase()\" :key=\"block\" :back-color=\"getRecordCardBackground\" :class=\"['ma-4',index===currentDynamicBlock.rightBlock.length-1?'mb-4':'mb-8']\" /&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;!-- Bottom Block --&gt; &lt;Publications id=\"publications\" :class=\"['ma-4 mb-8', {'mb-10 mt-0':currentRecord.fairsharingRecord.registry==='Collection'}]\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry!=='Collection'\" id=\"additionalInfo\" class=\"mb-8 ma-4\" :back-color=\"getRecordCardBackground\" /&gt; &lt;!-- Search Collection --&gt; &lt;SearchCollection v-if=\"currentRecord.fairsharingRecord.registry==='Collection'\" id=\"searchCollection\" class=\"mb-10 ma-4\" /&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;!-- This html is from a safe source --&gt; &lt;!-- eslint-disable vue/no-v-html --&gt; &lt;script type=\"application/ld+json\" v-html=\"JSONLD\" /&gt; &lt;!-- eslint-enable vue/no-v-html --&gt; &lt;v-dialog v-model=\"history.show\" fullscreen class=\"pa-0\" persistent no-click-animation &gt; &lt;v-card&gt; &lt;v-card-title class=\"blue white--text pb-4\" style=\"border-radius: 0 !important;\" &gt; {{ getField(\"name\") }} history logs &lt;v-spacer /&gt; &lt;v-btn x-small fab @click=\"closeHistory()\" &gt; &lt;v-icon&gt; fa-times &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;RecordHistory v-if=\"!history.loading\" id=\"recordHistory\" :history=\"currentRecordHistory.history\" :legacy-logs=\"currentRecordHistory.legacyLogs\" /&gt; &lt;Loaders v-else /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"650px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; Are you sure you want to &lt;span style=\"color:red; padding-left: 5px; padding-right: 5px;\" &gt; DELETE &lt;/span&gt; (without DOI) or tombstone (with DOI) this record? &lt;ul style=\"list-style-type:none;\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; DELETE &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.claimRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to request ownership of this record.&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; We encourage resource developers to claim ownership of their FAIRsharing record; doing so allows them to make updates and provides them with a visible means of attribution for their efforts. However, please note that for this request to be approved, you must be associated with the institutions(s) that develop this resource. &lt;/p&gt; &lt;p class=\"claimtext\"&gt; Please also see our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/#claiming-a-record\"&gt; documentation on requesting ownership&lt;/a&gt;. &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"requestOwnership()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.stopMaintainRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\" &gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;Please confirm that you would like to stop maintaining this record:&lt;/b&gt; &lt;/p&gt; &lt;p class=\"claimtext\"&gt; &lt;b&gt;&amp;ldquo;{{ dialogs.recordName }}&amp;rdquo;&lt;/b&gt; &lt;/p&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true || dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"removeMaintainer()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters, mapMutations, mapState} from 'vuex' import Loaders from \"@/components/Navigation/Loaders\"; import AdditionalInfo from \"@/components/Records/Record/AdditionalInfo\"; import SearchCollection from \"@/components/Records/Record/CollectionRecord/SearchCollection\"; import Collections from \"@/components/Records/Record/Collections\"; import CuratorNotes from \"@/components/Records/Record/CuratorNotes\"; import DataProcessesAndConditions from '@/components/Records/Record/DataProcessesAndConditions'; import GeneralInfo from \"@/components/Records/Record/GeneralInfo\"; import RecordHistory from \"@/components/Records/Record/History/RecordHistory\"; import Organisations from \"@/components/Records/Record/Organisations\"; import Publications from '@/components/Records/Record/Publications'; import RecordAlert from \"@/components/Records/Record/RecordAlert\"; import RecordMenu from \"@/components/Records/Record/RecordMenu\"; import RecordSnackbar from \"@/components/Records/Record/RecordSnackBar\"; import RelatedContent from \"@/components/Records/Record/RelatedContent\"; import Support from '@/components/Records/Record/Support'; import Tools from '@/components/Records/Record/Tools'; import AlertBuilder from \"@/lib/AlertBuilder/AlertBuilder\"; import RestClient from \"@/lib/Client/RESTClient.js\" import Client from '@/lib/GraphClient/GraphClient.js' import getHostname from \"@/utils/generalUtils\"; import stringUtils from '@/utils/stringUtils'; import NotFound from \"@/views/Errors/404\" import Hidden from \"../Errors/Hidden\"; import Tombstone from \"../Errors/Tombstone\"; const client = new RestClient(); export default { name: \"Record\", components: { RecordSnackbar, RecordAlert, RecordMenu, CuratorNotes, AdditionalInfo, Tombstone, Hidden, SearchCollection, Loaders, RecordHistory, RelatedContent, Collections, Organisations, GeneralInfo, Tools, DataProcessesAndConditions, Publications, Support, NotFound }, mixins: [stringUtils, getHostname], props: { target: {type: Number, default: null} }, data: () =&gt; { return { recordID: null, error: null, queryTriggered: false, showScrollToTopButton: false, canEdit: false, canClaim: false, alreadyClaimed: false, noClaimRegistered:false, ownershipApproved: false, ownershipApprovalStatus:null, claimedTriggered: false, reviewSuccess: false, reviewFail: false, stopMaintainSuccess: false, stopMaintainFailure: false, buttons: [], history: { show: false, loading: false }, tombstone: false, alerts:{}, snackbars: [ { model: \"claimedTriggered\", type: \"success\", message: \"Thank you for claiming this record. We will be getting back to you between 48 and 72h.\" }, { model: \"reviewSuccess\", type: \"success\", message: \"Thank you for reviewing this record.\" }, { model: \"reviewFail\", type: \"warning\", message: \"Sorry, it was not possibly to save a review for this record.\" }, { model: \"stopMaintainSuccess\", type: \"success\", message: \"You have been removed as maintainer of this record.\" }, { model: \"stopMaintainFailure\", type: \"warning\", message: \"You could not be removed as maintainer. Please email for assistance.\" } ], dialogs: { recordName: \"\", recordID: \"\", deleteRecord: false, disableDelButton: true, disableButton: false, claimRecord: false, stopMaintainRecord: false }, } }, head: { link: function() { if (this.recordID) { let results = []; let citeAsUrl; let describedByUrl; // Mysteriously not covered even if a doi value is provided in tests. /* istanbul ignore if */ if (this.currentRecord.fairsharingRecord.doi) { citeAsUrl = \"https://doi.org/\" + this.currentRecord.fairsharingRecord.doi; describedByUrl = this.getHostname() + this.currentRecord.fairsharingRecord.doi.split(/\\//)[1]; } else { citeAsUrl = this.getHostname() + this.recordID; describedByUrl = this.getHostname() + this.recordId; } results.push({ rel: 'cite-as', type: \"application/html\", href: citeAsUrl }); results.push( { rel: 'describedby', type: \"application/json\", href: describedByUrl } ) results.push( { rel: 'describedby', type: \"application/ld+json\", href: describedByUrl } ) return results; } } }, computed: { ...mapState('record', [\"currentRecord\", \"currentRecordHistory\"]), ...mapState('users', [\"user\", \"messages\"]), ...mapGetters(\"record\", [\"getField\"]), ...mapState('introspection', [\"readOnlyMode\"]), recordHidden() { let _module = this; if (_module.currentRecord.fairsharingRecord.isHidden) { if (!_module.user().isLoggedIn) { return true; } else { if (!_module.canEdit) { return true; } } } return false; }, getRecordCardBackground() { let finalCardBackColor switch (this.currentRecord.fairsharingRecord.registry) { case 'Standard': finalCardBackColor = this.$vuetify.theme.themes.light.bg_standard_record_card; break; case 'Database': finalCardBackColor = this.$vuetify.theme.themes.light.bg_database_record_card; break; case 'Policy': finalCardBackColor = this.$vuetify.theme.themes.light.bg_policy_record_card; break; case 'Collection': finalCardBackColor = this.$vuetify.theme.themes.light.bg_collection_record_card; break; } return finalCardBackColor }, JSONLD () { return this.$sanitize(JSON.stringify(this.getField(\"schemaOrg\"))); }, currentRoute() { let id = this.$route.params['id']; if (id.includes(\"FAIRsharing.\")) { return \"10.25504/\" + id; } return this.target || this.$route.params['id']; }, userIsLoggedIn(){ return this.user().isLoggedIn; }, getTitle() { return 'FAIRsharing | ' + this.currentRoute; }, maintainsRecord() { let _module = this; if (!_module.userIsLoggedIn){ return false } // Is the current_user's ID in the array of maintainer objects? if (typeof _module.currentRecord['fairsharingRecord']['maintainers'] === 'undefined') { return false; } if (_module.currentRecord['fairsharingRecord']['maintainers'].length === 0) { return false; } return _module.currentRecord['fairsharingRecord']['maintainers'].some(({ id }) =&gt; id === _module.user().id); }, currentDynamicBlock() { if (this.$vuetify.breakpoint.name === 'md') { return { leftBlock: [\"Collections\", \"RelatedContent\", \"Support\"], rightBlock: [\"DataProcessesAndConditions\", \"Tools\", \"Organisations\"] } } else { return { leftBlock: [\"Collections\", \"Support\", \"DataProcessesAndConditions\"], rightBlock: [\"RelatedContent\", \"Tools\", \"Organisations\"] } } }, }, watch: { async currentRoute() { await this.getData(); if (!this.error) { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); } await this.$nextTick(); await this.$scrollTo(this.$route.hash || 'body') }, async userIsLoggedIn() { await this.canEditRecord(); //await this.checkClaimStatus(); await this.getMenuButtons(); await this.checkAlerts(); } }, destroyed() { // minor change in the y axis can fix a serious bug after going back to records. this.$scrollTo('body',5,{}) }, async mounted() { let _module = this; _module.client = new Client(); await _module.getData(); _module.recordID = this.currentRecord.fairsharingRecord.id; _module.$emit('updateHead'); if (!_module.error) { await _module.canEditRecord(); await _module.checkClaimStatus(); await _module.getMenuButtons() } await _module.$nextTick(); await _module.checkAlerts(); try { await _module.$scrollTo(_module.$route.hash || 'body') // eslint-disable-next-line no-empty } catch (e) { // This serves to prevent warnings when tests are run on Github (trying to scroll with no DOM etc.). #1201 } // update the UI padding and margin after DOM is fully loaded. // At this point it might be possible to directly load the record page if a parameter has been passed... let query = _module.$route.query; if (!(query === undefined || query === null)) { // TODO: This does work but yet again the test refuses to acknowledge this. /* istanbul ignore if */ if (query.history === 'show') { _module.history = { show: true, loading: true }; await _module.getHistory(); _module.history.loading = false; } } }, methods: { closeHistory() { this.history.show = false; this.$router.replace({query: {}}); }, async checkAlerts() { let _module = this; // here order of calling functions matters in presentation first we stack blue alerts(no-auth needed ones) // and then curators alerts(auth-needed orange ones) so blue ones stack, // then orange and then red/green [approval/rejection] ones. let alertBuilder = new AlertBuilder(_module.currentRecord, this.user()) .isAwaitingApproval() .isWatching(this.isWatching()) .isNeedingReview(this.needsReviewing(), this.error) .isNeedingReviewAndBeenReviewed(this.reviewsPresent()) .isAlreadyClaimed(this.alreadyClaimed) .isHidden() .isOwnerShipApproved(this.ownershipApprovalStatus, this.isBannerExpired()); _module.alerts = alertBuilder.getAlerts(); }, ...mapActions('record', ['fetchRecord', 'fetchRecordHistory', 'fetchPreviewRecord']), ...mapActions('users', ['updateWatchedRecords']), ...mapMutations('users', ['changeWatched']), async getMenuButtons() { let _module = this; this.buttons = [] let initial_buttons = [ { name: function() { return \"Edit record\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canEdit }, method: function(){return _module.goToEdit()} }, { name: function() { return \"Request ownership\" }, isDisabled: function(){ if (!_module.userIsLoggedIn){ return false } return !_module.canClaim; }, method: async function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { _module.claimRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } }, { name: () =&gt; { if (!_module.userIsLoggedIn){ return \"Watch record\" } else { if (!_module.isWatching()){ return \"Watch record\" } else { return \"Unwatch record\" } } }, isDisabled: function() { return false }, method: function(){ if (!_module.userIsLoggedIn){ _module.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } else { if (_module.isWatching()) { _module.changeWatchRecord(false); } else { _module.changeWatchRecord(true); } } } }, { name: function() { if (_module.currentRecord['fairsharingRecord'].hasGraph) { return \"View Relation Graph\" } return \"No graph available\" }, isDisabled: function(){ if (_module.currentRecord['fairsharingRecord'].hasGraph) { return false; } return true; }, method: function(){ _module.$router.push({ path: \"/graph/\" + _module.currentRecord['fairsharingRecord'].id }) } }, { name: function() { return \"View record history\" }, isDisabled: function(){return false}, method: async () =&gt; { this.history = { show: true, loading: true }; await this.getHistory(); this.history.loading = false; } }, { name: function () { return \"Have a suggestion/question ?\" }, isDisabled: function () { return false; }, method: function () { parent.location = \"mailto:contact@fairsharing.org?subject=[FAIRsharing][Feedback] Comments on \" + _module.currentRecord.fairsharingRecord.name; } } ]; if (_module.user().is_curator &amp;&amp; _module.needsReviewing()) { initial_buttons.push( { name: function () { return \"Review this record\" }, isDisabled: function () { // Only to be seen by logged-in curators. // So, this line shouldn't really be encountered... /* istanbul ignore if */ if (!_module.userIsLoggedIn) { return true; } return !_module.user().is_curator; }, method: async function () { await _module.reviewRecord(); } } ) } if (_module.user().is_super_curator) { initial_buttons.push( { name: function () { return \"Delete this record\" }, isDisabled: function () { return !_module.user().is_super_curator; }, method: /* istanbul ignore next */ async function () { _module.deleteRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } } ) } if (_module.maintainsRecord) { let _module = this; initial_buttons.push( { name: function() { return \"Stop maintaining\"}, isDisabled: function() { return false; }, method: async function () { _module.stopMaintainRecordMenu( _module.currentRecord['fairsharingRecord'].name, _module.currentRecord['fairsharingRecord'].id, ); } }, ) } this.buttons = initial_buttons; }, convertStringToLocalVar(stringVarName){ return this[stringVarName] }, /* useful methods for communicating from child to parent // please keep these as reference updateStates(property, value) { this[property] = value }, callMyMethod(name, value = null) { this[name](value) }, */ async confirmDelete(){ const _module = this; _module.dialogs.disableButton = true; let data = await client.deleteRecord(_module.dialogs.recordID, this.user().credentials.token); if (data.error){ _module.error = \"error deleting record\"; } else{ // Redirect to current record to show it has gone... this.$router.go(); } _module.dialogs.deleteRecord = false; }, claimRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.claimRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, stopMaintainRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.stopMaintainRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, deleteRecordMenu(recordName, recordID){ const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; /* istanbul ignore next */ setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu () { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, closeClaimMenu () { this.dialogs.disableButton = true; this.dialogs.claimRecord = false; }, closeMaintainMenu () { this.dialogs.disableButton = true; this.dialogs.stopMaintainRecord = false; }, goToEdit(){ let _module = this; const recordID = '/' + _module.currentRecord['fairsharingRecord'].id; if (_module.userIsLoggedIn) { this.$router.push({ path: recordID + '/edit', params: { fromRecordPage: true } }) } else { this.$router.push({ path: \"/accounts/login\", query: { goTo: `/${_module.currentRecord['fairsharingRecord'].id}` } }) } }, /** * Method to create a maintenance_request; sets canClaim and (on fail) error. * @returns {undefined} * */ async requestOwnership() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const claim = await client.claimRecord(recordID, _module.user().credentials.token); /* istanbul ignore else */ if (claim.error) { _module.error = \"Sorry, your request to claim this record failed. Please contact us.\"; _module.canClaim = false; } else { // show modal here _module.canClaim = false; _module.claimedTriggered = true; _module.alreadyClaimed = true; } await _module.checkAlerts(); _module.dialogs.claimRecord = false; }, /** * Method to remove current_user from the list of maintainers. * @returns {undefined} * */ async removeMaintainer() { let _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; // TODO: Write new function to remove claim. const unclaim = await client.removeMaintainer(recordID, _module.user().credentials.token); if (unclaim.error) { _module.error = \"Sorry, your request to be removed as a maintainer of this record failed. Please contact us.\"; _module.stopMaintainFailure = true; } else { // Display a toast here. _module.stopMaintainSuccess = true; // remove maintainer from local data let newMaintainers = _module.currentRecord['fairsharingRecord']['maintainers'].filter(maintainer =&gt; { return maintainer.id !== _module.user().id } ) _module.currentRecord['fairsharingRecord']['maintainers'] = newMaintainers; } _module.dialogs.stopMaintainRecord = false; }, /** * Method to set the canClaim status for this record. * @returns {undefined} * */ async checkClaimStatus() { let _module = this; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; _module.canClaim = false; try { const claim = await client.canClaim(recordID, _module.user().credentials.token); if (claim.error) { if (claim.error.response.data.existing &amp;&amp; claim.error.response.data.status === 'pending') { let maintainer = _module.getField(\"maintainers\").filter(maintainer =&gt; maintainer.username === _module.user().credentials.username); if (maintainer.length === 0) { //alreadyClaimed: this is the situation where the current record has been already claimed by user to be maintained. _module.alreadyClaimed = true; } } _module.ownershipApprovalStatus = claim.error.response.data.status; // assign expiring date for approval/rejection banner--- if (_module.ownershipApprovalStatus === 'approved' || _module.ownershipApprovalStatus === 'rejected') { _module.setBannerExpiry(); } _module.canClaim = false; } else { // show modal here _module.canClaim = !claim.existing; } if(!claim.error) { //noClaimRegistered: this is the situation where the current record is not requested to be maintained by user _module.noClaimRegistered = true; } } catch (e) { /* istanbul ignore next */ _module.canClaim = false; } } }, /** * Method to set the current record in the store * @returns {Promise} - the current record * */ async getData() { let _module = this; this.queryTriggered = false; this.error = null; this.alreadyClaimed = false; this.claimedTriggered = false; this.tombstone = false; try { if (this.target) await _module.fetchPreviewRecord(this.target); else await _module.fetchRecord({ id: this.currentRoute, token: (_module.user().credentials) ? _module.user().credentials.token : null }); // UNCOMMENT ME TO TEST TOMBSTONE PAGE // Or, set tombstone to true on a record, if using a local server. // this.currentRecord['fairsharingRecord'].metadata.tombstone = true; } catch (e) { this.error = e.message; } this.queryTriggered = true; }, /** * Method to dispatch the current record history into the store * @returns {Promise} - the current record history * */ async getHistory() { await this.$store.dispatch(\"record/fetchRecordHistory\", { id: this.currentRoute, token: this.user().credentials.token } ); }, /** * Test if the current user can edit the current record * @returns {Promise&lt;void&gt;} */ async canEditRecord(){ const _module = this; _module.canEdit = false; if (_module.user().isLoggedIn) { const recordID = _module.currentRecord['fairsharingRecord'].id; if (!recordID) { return false; } const canEdit = await client.canEdit(recordID, _module.user().credentials.token); _module.canEdit = !canEdit.error; } else { return false; } }, /** * Method to add or remove the current record to the list of watched records * @param watch * @returns {Promise&lt;void&gt;} */ async changeWatchRecord(watch) { const _module = this; this.loading = true; let operation; let records = _module.user().watchedRecords.slice(); if (watch) { operation = 'add'; records.push(_module.currentRecord['fairsharingRecord'].id); } else { operation = 'remove'; records = records.filter(function(value){ return value !== _module.currentRecord['fairsharingRecord'].id; }); } let response = await this.updateWatchedRecords( { recordID: _module.currentRecord['fairsharingRecord'].id, operation: operation } ); // Refresh user data to reload followed record status. /* istanbul ignore else */ if (response.message.indexOf('success') !== -1){ _module.changeWatched(records); } this.loading = false; await _module.checkAlerts(); }, /** * Test if the user is watching the current record * @returns {*|boolean} */ isWatching() { if (this.user().watchedRecords === undefined) { return false; } return this.currentRecord['fairsharingRecord'].id &amp;&amp; this.user().watchedRecords.includes(this.currentRecord['fairsharingRecord'].id) || false; }, setBannerExpiry() { const _module = this; let bannerExpiryDate = {...JSON.parse(localStorage.getItem(\"bannerExpiryDate\"))}; if (!bannerExpiryDate[_module.getField(\"id\")]) { bannerExpiryDate = { ...JSON.parse(localStorage.getItem(\"bannerExpiryDate\")), [_module.getField(\"id\")]: new Date() } localStorage.setItem(\"bannerExpiryDate\", JSON.stringify(bannerExpiryDate)); } }, isBannerExpired() { let now = new Date(); let id = this.getField(\"id\"); const DAY = 2; const temp = JSON.parse(localStorage.getItem(\"bannerExpiryDate\")); if (temp) { const expiryDate = new Date(temp[id]); // very important line: instead of adding if its been expired I directly assigned to variable so test can be passed much easier. return !(expiryDate.getTime() + (DAY * 24 * 60 * 60 * 1000) &lt; now.getTime()); } return true; }, needsReviewing() { const _module = this; let need = true; let d = new Date(); let pastYear = d.getFullYear() - 1; d.setFullYear(pastYear); if (!_module.reviewsPresent()){ return !_module.reviewsPresent(); } else { // Creating a date from the string returned by the API. // See: https://stackoverflow.com/a/11658343/1195207 _module.currentRecord['fairsharingRecord']['reviews'].forEach(function (review) { let rawDate = review['createdAt'].split('T')[0].split('-'); if (new Date(rawDate[0], rawDate[1]-1, rawDate[2]) &gt; d) { need = false; } }) } return need; }, reviewsPresent() { const _module = this; if (!_module.currentRecord['fairsharingRecord']['reviews']) { return false; } if(_module.currentRecord['fairsharingRecord']['reviews'].length === 0) { return false; } return true; }, async reviewRecord() { // Post a review to the server. const _module = this; const recordID = _module.currentRecord['fairsharingRecord'].id; const reviewRecord = await client.reviewRecord(recordID, _module.user().credentials.token); if (reviewRecord.error) { _module.reviewFail = true; } else { _module.reviewSuccess = true; await this.getData(); } // Re-display the menu. await this.getMenuButtons(); await this.checkAlerts(); } }, metaInfo() { try { let id; if (this.currentRecord.fairsharingRecord.doi) { id = this.currentRecord.fairsharingRecord.doi.split('/')[1]; } else { id = this.currentRecord.fairsharingRecord.id; } if (this.currentRecord.fairsharingRecord.abbreviation) { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.abbreviation, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name} (${this.currentRecord.fairsharingRecord.abbreviation})` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } else { return { title: 'FAIRsharing | ' + this.currentRecord.fairsharingRecord.name, meta: [ { name: 'description', content: `FAIRsharing record for ${this.currentRecord.fairsharingRecord.name}` }, { name: 'link', content: `${process.env.VUE_APP_HOSTNAME}${id}`, rel: 'canonical' } ] } } } catch (e) { //error } } } &lt;/script&gt; &lt;style scoped&gt; .fade-enter-active, .fade-leave-active { transition: opacity 1s; transition-delay: 1s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } ul,li { padding: 0; } .claimtext { word-break: keep-all; font-size: 70%; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordEditsByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordEditsByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORD EDITS BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordEditsByMonth\", data: () =&gt; { return { downloadEditsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileEditByMonth(); this.loading = false; }, methods: { /** * Method to download file having record edits by month */ async obtainFileEditByMonth() { let data = await restClient.getEditByMonth(this.user().credentials.token); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadEditsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"views_Records_Records.vue.html":{"id":"views_Records_Records.vue.html","title":"Source: views/Records/Records.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;v-main&gt; &lt;transition name=\"fade\"&gt; &lt;jump-to-top v-if=\"scrollStatus\" /&gt; &lt;/transition&gt; &lt;v-container fluid class=\"pa-0\" &gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.breakpoint.lgAndUp\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" class=\"d-flex mt-2 ml-2\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.breakpoint.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.breakpoint.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else cols=\"12\" class=\"ml-3 mt-2\" &gt; &lt;v-btn class=\"info\" @click=\"showFiltersSM = true\" &gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon small&gt; fa-filter &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\"&gt; &lt;SearchOutput class=\"pb-5 mr-0 mr-md-2 px-3\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;v-dialog v-model=\"showFiltersSM\" fullscreen hide-overlay scrollable &gt; &lt;v-card&gt; &lt;v-card-title class=\"primary white--text pb-5\"&gt; Add a filter &lt;v-spacer /&gt; &lt;v-btn fab x-small @click=\"showFiltersSM = false\" &gt; &lt;v-icon&gt;fa-times&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;SearchInput class=\"pa-5\" /&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;v-overlay v-if=\"isLoading\" :absolute=\"false\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/v-fade-transition&gt; &lt;/v-main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; import JumpToTop from \"@/components/Navigation/jumpToTop\"; import Loaders from \"@/components/Navigation/Loaders\"; import SearchInput from \"@/components/Records/Search/Input/SearchInput\"; import SearchOutput from \"@/components/Records/Search/Output/SearchOutput\"; import recordsLabels from \"@/data/recordsTypes.json\"; import filterChipsUtils from \"@/utils/filterChipsUtils\"; import onScrollUtil from \"@/utils/onScrollUtil\"; export default { name: \"Records\", components: { Loaders, JumpToTop, SearchOutput, SearchInput }, mixins: [filterChipsUtils, onScrollUtil], data: () =&gt; ({ searchTerm: \"\", offsetTop: 0, bodyOverflowActive: true, hideOverflow: \"overflow-hidden\", showHeader: true, showDrawerLeft: false, labels: recordsLabels, recordsSubTitles: recordsLabels[\"recordSubTitles\"], recordTypes: recordsLabels[\"recordTypes\"], isLoading: false, showFiltersSM: false, }), computed: { ...mapState(\"uiController\", [\"scrollStatus\", \"stickToTop\"]), ...mapState(\"records\", [\"records\"]), ...mapState(\"users\", [\"user\"]), getTitle: function () { const flipRecordTypes = Object.entries(this.recordTypes).reduce( (obj, [key, value]) =&gt; ({ ...obj, [value]: key }), {} ); let title = \"Search\"; /* istanbul ignore else */ if ( Object.prototype.hasOwnProperty.call( this.$route.query, \"fairsharingRegistry\" ) ) { if ( Object.prototype.hasOwnProperty.call( flipRecordTypes, this.$route.query.fairsharingRegistry ) ) { title = flipRecordTypes[this.$route.query.fairsharingRegistry]; } } return title; }, currentPath: function () { let title = this.$route.path.replace(\"/\", \"\"); const client = this; let queryParams = {}; Object.keys(this.$route.query).forEach(function (prop) { let queryVal = client.$route.query[prop]; if (queryVal) { queryParams[prop] = decodeURI(queryVal); } }); if (this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]) { title = this.recordTypes[title.charAt(0).toUpperCase() + title.slice(1)]; } else title = title.charAt(0).toUpperCase() + title.slice(1); return [title, queryParams]; }, }, watch: { currentPath: async function () { this.$scrollTo(\"body\", 50, {}); try { await this.tryRedirect(); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }, }, mounted: function () { window.addEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.$nextTick(async function () { try { await this.tryRedirect(); this.$scrollTo(\"body\", 50, {}); } catch (e) { // eslint-disable-next-line no-empty // Uncaught promise thrown on Github (only). } }); }, beforeDestroy() { this.cleanRecordsStore(); }, destroyed() { this.$scrollTo(\"body\", 50, {}); window.removeEventListener(\"scroll\", () =&gt; { this.onScroll(this.records); }); this.setStickToTop(false); this.$store.dispatch(\"uiController/setGeneralUIAttributesAction\", { drawerVisibilityState: false, headerVisibilityState: true, }); }, methods: { ...mapMutations(\"records\", [\"cleanRecordsStore\"]), ...mapActions(\"records\", [\"fetchRecords\"]), ...mapActions(\"uiController\", [\"setScrollStatus\", \"setStickToTop\"]), /** * Try to redirect to search of the page that is hit is /standards /databases * /policies or /collections * */ tryRedirect: async function () { if (Object.keys(this.recordTypes).includes(this.$route.name)) { let fairsharingRegistry = this.recordTypes[this.$route.name]; let query = this.$route.query; /* istanbul ignore else */ if (query &amp;&amp; query !== {}) { query.fairsharingRegistry = fairsharingRegistry; try { await this.$router.push({ name: \"search\", query: query, }); return true; } catch (e) { return false; } } } await this.getData(); }, /** This methods get the data from the Client. * @returns {Promise} */ getData: async function () { this.$scrollTo(\"body\", 50, {}); this.isLoading = true; this.errors = null; const _module = this; // To make sure that any lingering values from having viewed a collection are cleared out. // See SummaryDownload.vue for the code which looks for collection IDs when downloading a // summary of search results. this.$store.commit('records/setCollectionIdsParam', []); try { this.showFiltersSM = false; let token; if(this.user().credentials !== undefined) { token = this.user().credentials.token } else { token = \"\" } await _module.fetchRecords({ params: this.getParameters(), token: token, }); } catch (e) { /* istanbul ignore next */ this.errors = e.message; } this.isLoading = false; }, /** * Get the parameters that are allowed for this query * @returns {Object} parameters - parameters and types allowed for this query */ getParameters: function () { return this.$store.getters[\"introspection/buildQueryParameters\"]( this.currentPath ); }, }, /** * Setting up the metaInfo of the page * @returns {{title: String}} * */ metaInfo() { return { title: \"FAIRsharing | \" + this.getTitle, }; }, }; &lt;/script&gt; &lt;style scoped lang=\"scss\"&gt; .left-panel-fixed { position: sticky; top: 0; width: 32vw; } .left-panel-default { position: relative; width: 32vw; } .left-panel-fixed-lg { position: sticky; top: 0; width: 24vw; } .left-panel-default-lg { position: relative; width: 24vw; } .content-custom-new-height { height: calc(100vh - 40px); scroll-behavior: smooth; padding: 0; } .content-custom { height: 100vh; scroll-behavior: smooth; padding: 0; } #banner { display: flex; justify-content: center; flex-direction: column; padding: 1em; } .search-input-mb { margin-bottom: 105px; } &lt;/style&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsCreatedByMonth.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsCreatedByMonth.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-curator-summary\" class=\"green white--text\" &gt; RECORDS CREATED BY MONTH &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsCreatedByMonth\", data: () =&gt; { return { downloadRecordsByMonth: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordCreatedByMonth(); this.loading = false; }, methods: { /** * Method to download file having records created by month */ async obtainFileRecordCreatedByMonth() { let data = await restClient.getRecordCreatedByMonth( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadRecordsByMonth = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsNeedingReview.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsNeedingReview.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"download-review-needed\" class=\"green white--text\" &gt; RECORDS NEEDING REVIEW &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getNeedsReview from \"@/lib/GraphClient/queries/curators/getNeedsReview.json\" const client = new GraphClient(); export default { name: \"RecordsNeedingReview\", data: () =&gt; { return { downloadReviewContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records which needs to be reviewed let data = await client.executeQuery(getNeedsReview); await this.obtainFileRecordsNeedTOBeReviewed(data); this.loading = false; }, methods: { /** * Method to download file having records which needs to be * reviewed */ async obtainFileRecordsNeedTOBeReviewed(data) { let review = data.needsReview || []; this.downloadReviewContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(review.join(\"\\n\")); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html":{"id":"components_Curators_DownLoadRecordsComponents_RecordsWithoutDois.vue.html","title":"Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/DownLoadRecordsComponents/RecordsWithoutDois.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;!-- Records without DOIs --&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text&gt; &lt;v-card-title id=\"text-curator-search-1\" class=\"green white--text\" &gt; RECORDS WITHOUT DOIS &lt;v-btn class=\"info ml-5\" :loading=\"loading\" &gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-download &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Obtain file&lt;/span&gt; &lt;/a&gt; &lt;/v-btn&gt; &lt;/v-card-title&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; const restClient = new RestClient(); export default { name: \"RecordsWithoutDois\", data: () =&gt; { return { downloadContent: null, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), }, async mounted() { this.loading = true; await this.obtainFileRecordsWODois(); this.loading = false; }, methods: { /** * Method to download file having records without DOI */ async obtainFileRecordsWODois() { let data = await restClient.getRecordsWoDOIs( this.user().credentials.token ); if (data) { let content = JSON.stringify(data) .replace(/^\\[(.+)\\]$/, \"$1\") .replace(/\",\"/g, '\"\\r\\n\"') .replace(/['\"]+/g, \"\"); this.downloadContent = \"data:text/json;charset=utf-8,\" + encodeURIComponent(content); } else { this.downloadContent = \"data:text/json;charset=utf-8,\" + \"\"; } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_RelatedContent.vue.html":{"id":"components_Records_Record_RelatedContent.vue.html","title":"Source: components/Records/Record/RelatedContent.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\"&gt; &lt;v-card v-if=\"!tabsDataExist\" class=\"pa-4 d-flex flex-column\" outlined :color=\"backColor\" tile elevation=\"3\" &gt; &lt;SectionTitle title=\"Related Content\" /&gt; &lt;div class=\"d-flex flex-column ml-2 min-height-40\"&gt; &lt;div class=\"d-flex flex-wrap mt-5\"&gt; &lt;!-- search autocomplete --&gt; &lt;v-autocomplete v-if=\"!tabsDataExist\" v-model=\"selectedValues\" :disabled=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length&lt;5\" :items=\"getValues\" solo :attach=\"true\" dense clearable prepend-inner-icon=\"fa-search\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" item-text=\"name\" item-value=\"name\" :filter=\"nameAbbrFilter\" &gt; &lt;template #item=\"data\"&gt; &lt;span class=\"filterValueName\"&gt; {{ data.item.name }} &lt;/span&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :show-arrows=\"$vuetify.breakpoint.mdAndDown\" background-color=\"transparent\" grow color=\"accent3\" slider-color=\"accent3\" class=\"mb-5\" :hide-slider=\"tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data.length===0\" &gt; &lt;v-tab v-for=\"(tabName,tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName+'_'+tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length===0\" @change=\"selectedValues=null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-items v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"transparent height-430\" &gt; &lt;v-tab-item v-for=\"(tabItem,tabItemIndex) in filterList\" :key=\"tabItem+'_'+tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" height=\"400\" item-height=\"130\" class=\"ma-4 overflow-x-hidden\" &gt; &lt;template #default=\"{ item,index }\"&gt; &lt;router-link :to=\"'/'+item.id\" @click.native=\"()=&gt;$scrollTo('body',0,{})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"item\" :show-status=\"false\" /&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\"&gt; {{ item.name }} &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\"&gt; {{ item.object }} &lt;v-tooltip top&gt; &lt;template #activator=\"{ on }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label+'_'+ indexLabel\" class=\"red--text mouse-info\" v-on=\"on\" &gt; {{ label }} &lt;span v-if=\"indexLabel !== 0 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: black!important\" &gt;and&lt;/span&gt; &lt;/span&gt; &lt;/template&gt; &lt;span v-for=\"(label2,indexHint) in item.recordAssocLabel\" :key=\"label2+'_'+indexHint\" &gt; &lt;span&gt;{{ indexHint !== 0 &amp;&amp; item.recordAssocLabel.length&gt;1?relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]].toLowerCase():relationDefinition[item.recordAssocLabel[item.recordAssocLabel.length-1-indexHint]] }} &lt;span v-if=\"indexHint !== item.recordAssocLabel.length-1 &amp;&amp; item.recordAssocLabel.length!==1\" style=\"color: white!important;margin-left: -2px!important;\" &gt;; &lt;/span&gt; &lt;/span&gt; &lt;/span&gt; &lt;/v-tooltip&gt; {{ item.subject }} &lt;/p&gt; &lt;/v-card&gt; &lt;/router-link&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-tab-item&gt; &lt;/v-tabs-items&gt; &lt;/div&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapState} from \"vuex\"; import SectionTitle from '@/components/Records/Record/SectionTitle'; import RecordStatus from \"@/components/Records/Shared/RecordStatus\"; import recordRelationShipsDefinitions from \"@/data/RecordRelationShipsDefinitions.json\"; import recordTabUtils from \"@/utils/recordTabUtils\"; import stringUtils from \"@/utils/stringUtils\"; export default { name: \"RelatedContent\", components: { RecordStatus, SectionTitle, }, mixins:[stringUtils,recordTabUtils], props:{ backColor:{ default:null, type: String, } }, data: () =&gt; { return { relationDefinition: recordRelationShipsDefinitions, selectedValues: null, tabsData: { selectedTab: 0, tabs: { related_standards: {registry: [\"Standard\"], data: [], count:0}, related_databases: {registry: [\"Database\"], data: [], count:0} } } } }, computed: { ...mapState(\"record\", [\"currentRecord\"]), }, methods: { /** Dynamically sets data for each tabs based on the data received from recordAssociations and reverseAssociations*/ // This code is a bit of a mess due to multiple rewrites related to vague/changing requirements. It would be better // off being re-written or replaced with the original plan (a single table for all relations, with filters). prepareTabsData() { const _module = this; // A policy may recommend collections; other records may be collected. if (_module.currentRecord['fairsharingRecord'].registry === 'Policy') { _module.$set(_module.tabsData.tabs, 'related_collections', {registry: [\"Collection\"], data: [], count:0}); } if (_module.currentRecord['fairsharingRecord'].registry === 'FAIRassist' || _module.currentRecord['fairsharingRecord'].registry === 'Standard') { _module.$set(_module.tabsData.tabs, 'related_fairassist_components', {registry: [\"FAIRassist\"], data: [], count:0}); } if (Object.keys(_module.currentRecord['fairsharingRecord']).includes('recordAssociations') || Object.keys(_module.currentRecord['fairsharingRecord']).includes('reverseRecordAssociations')) { Object.keys(_module.tabsData.tabs).forEach(tabName =&gt; { _module.tabsData.tabs[tabName].data = _module.prepareAssociations( _module.currentRecord['fairsharingRecord'].recordAssociations, _module.currentRecord['fairsharingRecord'].reverseRecordAssociations ).filter(item =&gt; _module.tabsData.tabs[tabName].registry.includes(item.registry)) // This replacement code is rather clunky, as it performs an operation in three stages, but it is at // least readable (well, by this non-javascript-programmer). // 0. This hack is related to this comment: // https://github.com/FAIRsharing/fairsharing.github.io/pull/2255#issuecomment-1963978178 if (tabName === 'related_collections') { _module.tabsData.tabs['related_collections'].data = _module.tabsData.tabs['related_collections'].data .filter((item) =&gt; item.recordAssociationLabel === 'recommends'); } // 1. Create a hash with keys for each linked record ID of all the relations, containing an // array of all relations. let duplicates = {}; _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { if (!(item.id in duplicates)) { duplicates[item.id] = []; } if (!duplicates[item.id].includes(item.recordAssociationLabel)) { duplicates[item.id].push(item.recordAssociationLabel); } }) // 2. Update the tabs data with the duplicated labels. _module.tabsData.tabs[tabName].data.forEach((item) =&gt; { item.recordAssocLabel = duplicates[item.id]; }) // 3. Delete extraneous entries. // Thanks, Stack Overflow! // https://stackoverflow.com/questions/2218999/how-to-remove-all-duplicates-from-an-array-of-objects#comment72641733_36744732 _module.tabsData.tabs[tabName].data = _module.tabsData.tabs[tabName].data.filter((thing, index, self) =&gt; self.findIndex(t =&gt; t.id === thing.id) === index); // Duplicates removed, now do the count. _module.tabsData.tabs[tabName].count = _module.tabsData.tabs[tabName].data.length; }); } else { return false } }, nameAbbrFilter(item, queryText) { const search = queryText.toLowerCase() const name = item.name.toLowerCase(); if (item.abbreviation == null) { let answer = name.indexOf(search) &gt; -1 return answer; } else { let answer = (name.indexOf(search) &gt; -1 || item.abbreviation.toLowerCase().indexOf(search) &gt; -1) return answer; } } } } &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_ResultCard.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;!--Success --&gt; &lt;v-card v-if=\"getSaveSearchStatus\" class=\"mx-auto rounded-t-0 pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Your search was saved successfully. Please check the saved search table under profile page. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" to=\"/accounts/profile\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!-- Error --&gt; &lt;v-card v-else-if=\"!getSaveSearchStatus\" class=\"mx-auto pb-2\" &gt; &lt;v-card-title class=\"justify-center white--text mb-4\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0\"&gt; &lt;p class=\"text-body-1\"&gt; Something went wrong. Please try again. &lt;/p&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"white--text order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"accent2\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"secondary\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"ResultCard\", data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); saveSearch.commit(\"saveSearch/setShowStepper\", true); saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchButton.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchButton.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchButton.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 white--text saveSearchResults\" color=\"accent2\" small @click=\"!user().isLoggedIn ? goToLogin() : saveSearchResults()\" &gt; Save Search Results &lt;/v-btn&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"SaveSearchButton\", computed: { ...mapState(\"users\", [\"user\"]), }, methods: { /** * Save the advancedSearch Results */ async saveSearchResults() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Goto To login page if user is not loggedIn */ async goToLogin() { if (this.$route.path !== \"/accounts/login\") { await this.$router.push({ path: \"/accounts/login\", query: { goTo: this.$route.fullPath, }, }); } }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html":{"id":"components_Records_Search_SaveSearch_SaveSearchStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :value=\"stepperDialog\" width=\"900\" persistent :retain-focus=\"false\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restartStepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper v-model=\"steps\" non-linear class=\"rounded-t-0\" &gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-step editable :complete=\"steps &gt; 1\" step=\"1\" &gt; Create Policy Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 2\" step=\"2\" &gt; Create Organisation Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-step v-if=\"user().is_super_curator\" editable :complete=\"steps &gt; 3\" step=\"3\" &gt; Create User Link &lt;small&gt;Optional&lt;/small&gt; &lt;/v-stepper-step&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-step editable :step=\"user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-step&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-stepper-items&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-stepper-content step=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn class=\"float-md-right my-3\" :class=\"{ 'full-width': $vuetify.breakpoint.smAndDown }\" color=\"primary\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"2\" &gt; &lt;OrganisationStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-stepper-content v-if=\"user().is_super_curator\" step=\"3\" &gt; &lt;UserStepper /&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"primary\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"white--text order-md-1\" color=\"accent3\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-stepper-content :step=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\" &gt; &lt;v-text-field v-model=\"searchName\" label=\"Search Name\" :rules=\"[isRequired()]\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" maxlength=\"100\" label=\"Comments\" /&gt; &lt;/v-form&gt; &lt;div class=\"d-flex flex-column flex-md-row justify-md-space-between my-3\" &gt; &lt;v-btn class=\"order-md-2\" :class=\"{ 'mb-3': $vuetify.breakpoint.smAndDown, }\" color=\"success order-md-1\" :disabled=\"!searchForm\" :loading=\"loading\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-stepper-content&gt; &lt;/v-stepper-items&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restartStepper=\"restartStepper\" /&gt; &lt;/v-dialog&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import saveSearch from \"@/store\"; import { isRequired } from \"@/utils/rules.js\"; import { OrganisationStepper, PolicyStepper, ResultCard, StepperDialogHeader, UserStepper, } from \"./StepperComponents\"; const restClient = new RESTClient(); export default { name: \"SaveSearchStepper\", components: { StepperDialogHeader, PolicyStepper, OrganisationStepper, UserStepper, ResultCard, }, data() { return { stepperDialog: false, steps: 1, policySelected: [], organisationSelected: [], policyList: [], organisationList: [], searchForm: false, searchName: \"\", searchComment: \"\", searchPolicy: \"\", isSuperCurator: false, loading: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"saveSearch\", [ \"getSaveSearchStepperDialog\", \"getOrganisationSelected\", \"getPolicySelected\", \"getUserSelected\", \"getShowStepper\", ]), ...mapGetters(\"advancedSearch\", [\"getAdvancedSearchQuery\"]), }, watch: { async getSaveSearchStepperDialog(newValue) { this.stepperDialog = newValue; //When the search stepper is visible if (newValue) { await this.getUser(); //If the user is not super curator if (!this.user().is_super_curator) { this.isSuperCurator = false; } //If the user IS super curator if (this.user().is_super_curator) { this.isSuperCurator = true; } } }, }, methods: { isRequired, ...mapActions(\"users\", [\"getUser\"]), /** * Save Search method */ async saveSearch() { this.loading = true; let saveSearchObj = { name: this.searchName, comments: this.searchComment, url: window.location.origin + this.$route.fullPath, fairsharing_record_ids: this.getPolicySelected, user_ids: this.getUserSelected &amp;&amp; this.getUserSelected.length ? this.getUserSelected : [this.user().id], organisation_ids: this.getOrganisationSelected, params: this.getAdvancedSearchQuery, }; const searchResult = await restClient.saveSearch( saveSearchObj, this.user().credentials.token ); //Hide stepper and show result section saveSearch.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", false); } else { saveSearch.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { saveSearch.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Step number 1 */ restartStepper(value) { this.steps = value; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Record_GeneralInfo_SavedSearches.vue.html":{"id":"components_Records_Record_GeneralInfo_SavedSearches.vue.html","title":"Source: components/Records/Record/GeneralInfo/SavedSearches.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/GeneralInfo/SavedSearches.vue &lt;template&gt; &lt;div v-if=\"getField('savedSearches') &amp;&amp; getField('savedSearches').length\" &gt; &lt;p&gt; This policy has certain requirements and recommendations that have been used to create a conformant FAIRsharing search. The searches listed within this section will provide an initial filtering of the FAIRsharing registries. Clicking on a saved search will take you to a set of search results which you may further refine according to your needs and any additional policy requirements. If you are logged in, you may also save any search results to your own profile. More information on Conforming Resources and Saved Searches can be found in our &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt; Gitbook documentation&lt;/a&gt;. &lt;/p&gt; &lt;div v-for=\"search in getSavedSearches\" :key=\"search.id\" class=\"d-flex align-center\" &gt; &lt;v-card class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat outlined &gt; &lt;div class=\"d-flex align-center\"&gt; &lt;record-status :record=\"search.fairsharingRecords[0]\" :show-status=\"false\" /&gt; &lt;div class=\"d-flex flex-column\"&gt; &lt;div class=\"ml-10 underline-effect text-ellipses-height-2lines line-height-20\" &gt; &lt;a :href=\"search.url\"&gt;{{ search.name }}&lt;/a&gt; &lt;/div&gt; &lt;p class=\"text-body-2 ml-10\"&gt; (Created by: &lt;a class=\"underline-effect\" :href=\"`/users/${search.creator['id']}`\" &gt;{{ search.creator[\"username\"] }}&lt;/a&gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"grey--text relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ search.comments }} &lt;/p&gt; &lt;/v-card&gt; &lt;v-btn v-if=\"user().is_super_curator\" rounded text @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;mdi-link-off&lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!-- Unlink dialog box --&gt; &lt;v-dialog v-model=\"confirmUnlink\" max-width=\"700px\" persistent &gt; &lt;!-- Unlink saved search --&gt; &lt;v-card v-if=\"unlinkSavedSearchCard\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Unlinking saved search &lt;/v-card-title&gt; &lt;v-card-text&gt; This is will unlink instance of the search from this policy record. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"unlinkLoader\" @click=\"unlinkSavedSearch(true)\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RecordStatus from \"@/components/Records/Shared/RecordStatus.vue\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import saveSearch from \"@/store\"; const restClient = new RestClient(); export default { name: \"SavedSearches\", components: { RecordStatus }, data: () =&gt; { return { getSavedSearches: [], confirmUnlink: false, unlinkSavedSearchCard: false, selectedItem: {}, unlinkLoader: false, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapState(\"record\", [\"currentRecord\"]), ...mapGetters(\"record\", [\"getField\"]), }, mounted() { this.getSavedSearches = this.getField(\"savedSearches\"); }, methods: { ...mapActions(\"record\", [\"fetchRecord\"]), /** * Confirmation dialog to unlink the saved search */ confirmUnlinkSavedSearch(item) { this.selectedItem = item; this.confirmUnlink = true; this.unlinkSavedSearchCard = true; }, /** * Unlink the saved search * @param del - Boolean */ async unlinkSavedSearch(del) { if (del) { this.unlinkLoader = true; //Filter the currentRecord to unlink let linkRecord = this.selectedItem.fairsharingRecords.filter(({id}) =&gt; id !== this.currentRecord.fairsharingRecord.id); //Array of id of the remaining record linkRecord = linkRecord.map(({id}) =&gt; id) let saveSearchObj = { fairsharing_record_ids: linkRecord, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); //Update the page after unlinking the savedSearch await this.fetchRecord({ id: this.currentRecord.fairsharingRecord.id, token: this.user().credentials.token, }); this.getSavedSearches = this.getField(\"savedSearches\"); } this.unlinkLoader = false; this.unlinkSavedSearchCard = false; this.confirmUnlink = false; }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_SearchInput.vue.html":{"id":"components_Records_Search_Input_SearchInput.vue.html","title":"Source: components/Records/Search/Input/SearchInput.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"['pa-2', ($vuetify.breakpoint.mdAndUp) ? responsiveClassObject : 'fullHeight']\" outlined tile elevation=\"3\" width=\"100%\" &gt; &lt;!-- Search Box --&gt; &lt;string-search v-if=\"showSearchBox\" add-search-terms :search-path=\"searchPath\" placeholder=\"Search through current results.\" /&gt; &lt;hr v-if=\"showSearchBox\" class=\"mb-3 mr-2 ml-2 custom-hr\" &gt; &lt;!-- Filter Buttons --&gt; &lt;FilterButtons /&gt; &lt;!-- expansion Panels --&gt; &lt;v-expansion-panels v-if=\"getFilters.length&gt;0\" v-model=\"panel\" multiple flat hover accordion &gt; &lt;filter-autocomplete v-for=\"filter in setup\" :key=\"filter.filterLabel\" :filter=\"filter\" /&gt; &lt;/v-expansion-panels&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import {mapGetters, mapState} from \"vuex\" import StringSearch from \"@/components/Records/Search/Input/StringSearch\"; import filterMapping from \"@/data/FiltersLabelMapping.json\"; import FilterAutocomplete from \"./FilterAutocomplete\"; import FilterButtons from \"./FilterButtons\"; export default { name: \"SearchInput\", components: {StringSearch, FilterButtons, FilterAutocomplete}, props:{ showSearchBox: {default: true, type: Boolean}, searchPath: {default: '/search', type: String} }, data() { return { panel: [], filterSelected: {}, sortOrder: filterMapping['sort_order'], } }, computed: { ...mapState('uiController', ['UIGeneralStatus']), ...mapGetters(\"searchFilters\", [\"getFilters\"]), setup() { let _module = this; _module.setPanel(); _module.createIndexForFilters(); return _module.getFilters.sort(_module.compareLabels); }, responsiveClassObject: function () { return { 'filters-holder-default': this.UIGeneralStatus.headerVisibilityState, 'filters-holder-after-scroll': !this.UIGeneralStatus.headerVisibilityState, } } }, methods: { setPanel() { this.panel = [...Array(this.getFilters.length).keys()].map((k, i) =&gt; i) }, resetPanel() { this.panel = [] }, createIndexForFilters: function () { this.getFilters.forEach(item =&gt; { this.filterSelected[item.filterName] = []; }); }, /** * This gets the index of the name of the filter from the list above, so that the fields can be sorted on the * users' preferences. But, some terms may not be in the list, so they are given the index of 100 to force * them to appear later. */ compareLabels: function(a, b) { let _module = this; const aIndex = _module.sortOrder.indexOf(a['filterName']); const bIndex = _module.sortOrder.indexOf(b['filterName']); const aOrder = aIndex === -1 ? 100 : aIndex; const bOrder = bIndex === -1 ? 100 : bIndex; let comparison = -1; if (aOrder &gt; bOrder) { comparison = 1; } return comparison; } } } &lt;/script&gt; &lt;style scoped&gt; .filters-holder-default { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: calc(100vh - 355px); position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .filters-holder-after-scroll { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow-x: hidden; height: 100vh; position: sticky; top: 0; transition: height ease-in 500ms; overscroll-behavior: contain; scrollbar-width:thin; } .custom-hr { opacity: .5; } .fullHeight { height: 90vh; overflow: scroll; } &lt;/style&gt; × Search results Close "},"views_Users_Signup.vue.html":{"id":"views_Users_Signup.vue.html","title":"Source: views/Users/Signup.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Signup.vue &lt;template&gt; &lt;Register /&gt; &lt;/template&gt; &lt;script&gt; import Register from \"../../components/Users/Register\"; /** This component handles the sign-up/register page * */ export default { name: \"Signup\", components: {Register} } &lt;/script&gt; × Search results Close "},"components_Records_Search_Header_Sorting.vue.html":{"id":"components_Records_Search_Header_Sorting.vue.html","title":"Source: components/Records/Search/Header/Sorting.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Sorting.vue &lt;template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in getFilters()\" :key=\"'sorter_' + index\" :class=\"{'v-list-item--active': activeFilter === item.name + ',' + item.order}\" @click=\"applySortQuery(item.name, item.order)\" &gt; &lt;v-list-item-title&gt; {{ item.label }} ({{ item.orderLabel }}) &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;script&gt; export default { name: \"Sorting\", data() { return { sortFilters: [ {name: 'name', label: 'name', active: false}, {name: 'abbreviation', label: 'abbreviation', active: false}, {name: '_score', label: 'best-match', active: false}, ], activeFilter: null } }, mounted(){ const _module = this; _module.activeFilter = (_module.$route.query.orderBy) ? _module.$route.query.orderBy : '_score,asc'; }, methods: { /** * Set the orderBy parameter value to the given input for vueJs router * @param {string} activeSortFilterName - sorting under this name * @param {string} sortMethod - can be either ASC or DESC */ applySortQuery: async function (activeSortFilterName, sortMethod) { let _module = this; let inputOrderBy = `${activeSortFilterName},${sortMethod}`; let currentQuery = JSON.parse(JSON.stringify(_module.$route.query)); currentQuery[\"orderBy\"] = inputOrderBy; if (inputOrderBy !== _module.activeFilter){ await _module.$router.push({ name: _module.$route.name, query: currentQuery }); } }, getFilters: function(){ let filters = []; this.sortFilters.forEach(function(filter){ filters.push({ label: filter.label, name: filter.name, order: \"asc\", orderLabel: \"ascending\" }); if (filter.name !== '_score') { filters.push({ label: filter.label, name: filter.name, order: \"desc\", orderLabel: \"descending\" }) } }); return filters; } } } &lt;/script&gt; &lt;style scoped&gt; .highlighted { color: red !important; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_StandardRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/StandardRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedStandardRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\" &gt; Select a standards rule &lt;/option&gt; &lt;option v-for=\"rule in standardQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedStandardRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedStandardRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { IsImplemented, StandardRecordType, } from \"../index\"; export default { name: \"StandardRule\", props: { groupCtrl: { type: Object, default: null } }, data: () =&gt; { return { selectedStandardRule: \"\", }; }, methods:{ standardQueryBuilderComponents() { return [ { identifier: \"standardtype\", name: \"Standard Record Type\", component: StandardRecordType, initialValue: () =&gt; [], }, { identifier: \"isImplemented\", name: \"Is Implemented\", component: IsImplemented, initialValue: \"\", }, ] }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule) this.selectedStandardRule = '' }, } }; &lt;/script&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_StepperDialogHeader.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 white py-3\" style=\"position: relative\" &gt; &lt;h2 class=\"text-center\"&gt; Save Your Search &lt;/h2&gt; &lt;v-btn icon dark style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon color=\" black\" size=\"40px\" @click=\"closeStepperDialog()\" &gt; mdi-close &lt;/v-icon&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; import saveSearch from \"@/store\"; export default { name: \"StepperDialogHeader\", computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); } saveSearch.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Subject.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchSubjects\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import subjectSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Subject\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags from the FAIRsharing subject ontology. Multiple selections will be joined with OR. Start typing to see Subject tags.\", }; }, computed: { ...mapGetters(\"subjectSearch\", [\"getSearchSubjects\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { subjectSearch.commit(\"subjectSearch/setSearchSubjects\", this.value); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"subjectSearch\", [\"fetchSearchSubjects\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchSubjects(queryParams); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import \"@/styles/advancedSearchComponents\"; &lt;/style&gt; × Search results Close "},"components_Curators_SystemMessages.vue.html":{"id":"components_Curators_SystemMessages.vue.html","title":"Source: components/Curators/SystemMessages.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols12&gt; &lt;v-card v-if=\"user().role === 'super_curator' || user().role === 'developer'\" class=\"mb-2\" &gt; &lt;v-card-text v-if=\"systemMessages\"&gt; &lt;v-card-title id=\"system-messages\" class=\"green white--text\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"info ml-5\" @click.stop=\"showAddMessage()\" &gt; &lt;v-icon color=\"white\" class=\"mr-1\" &gt; fa fa-plus &lt;/v-icon&gt; &lt;span class=\"white--text\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"systemMessages\" :footer-props=\"{ 'items-per-page-options': [5, 10, 20, 25, 30] }\" &gt; &lt;template v-if=\"systemMessages\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.message\" large @save=\" saveEditedMessage(props.item.id, props.item.message) \" &gt; {{ props.item.message }} &lt;template #input&gt; &lt;div class=\"dialogMessageEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Message &lt;/div&gt; &lt;v-textarea v-model=\"props.item.message\" width=\"1200px\" label=\"Edit away!\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.created_at }} &lt;/td&gt; &lt;td&gt; {{ props.item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" dark right small @click=\"deleteMessage(props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;!-- this shouldn't appear as an unauthorised user shouldn't be here --&gt; &lt;v-row&gt; &lt;!-- dialogs --&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Add new message &lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" name=\"new-message-field\" label=\"New message\" placeholder=\"Type a message here...\" regular clearable /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text :disabled=\"!dialogs.newMessage\" @click=\"addMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this message? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt;ID: {{ dialogs.messageId }}&lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmDeleteMessage()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapState } from \"vuex\"; import RestClient from \"@/lib/Client/RESTClient\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getMessages from \"@/lib/GraphClient/queries/getMessages.json\" import store from \"@/store\"; import formatDate from \"@/utils/generalUtils\"; const restClient = new RestClient(); const client = new GraphClient(); export default { name: \"SystemMessages\", mixins: [formatDate], props:{ headerItems: { type: Array, default: null }, }, data: () =&gt; { return { systemMessages:[], loading: false, dialogs: { id: null, message: null, addMessage: false, deleteMessage: false, newMessage: null, messageId: null, }, error: { general: null, }, }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching hidden records let messages = await client.executeQuery(getMessages); this.prepareSystemMessages(messages) this.loading = false; }, methods: { /** * Method to fetch messages from system * @param dataCuration */ prepareSystemMessages(dataCuration) { if(Array.isArray(dataCuration.messages) &amp;&amp; dataCuration.messages.length) { dataCuration.messages.forEach((item) =&gt; { this.systemMessages.push({ id: item.id, message: item.message, created_at: this.formatDate(item.createdAt), updated_at: this.formatDate(item.updatedAt), }); }); } }, showAddMessage() { const _module = this; _module.dialogs.addMessage = true; }, async saveEditedMessage(id, message) { let _module = this; let data = { id: id, message: message, }; let response = await restClient.updateMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.forEach(function (m) { if (m.id === id) { m.message = message; } }); await store.dispatch(\"messages/setMessages\"); } }, deleteMessage(messageId) { const _module = this; _module.dialogs.messageId = messageId; _module.dialogs.deleteMessage = true; }, closeAddMessageMenu() { const _module = this; _module.dialogs.addMessage = false; }, async addMessage() { const _module = this; let data = { message: _module.dialogs.newMessage, }; let response = await restClient.createMessage( data, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { _module.systemMessages.push({ id: response.id, message: response.message, created_at: this.formatDate(response.created_at), updated_at: this.formatDate(response.updated_at), }); await store.dispatch(\"messages/setMessages\"); } _module.dialogs.addMessage = false; _module.dialogs.newMessage = null; }, closeDeleteMessageMenu() { const _module = this; _module.dialogs.messageId = null; _module.dialogs.deleteMessage = false; }, async confirmDeleteMessage() { const _module = this; let response = await restClient.deleteMessage( _module.dialogs.messageId, this.user().credentials.token ); if (response.error) { _module.error.general = response.error; } else { let filtered = _module.systemMessages.filter(function (f) { return f.id !== _module.dialogs.messageId; }); _module.systemMessages = filtered; await store.dispatch(\"messages/setMessages\"); } _module.dialogs.deleteMessage = false; _module.dialogs.messageId = null; }, }, }; &lt;/script&gt; &lt;style scoped&gt; ::v-deep .v-data-table-header tr th { white-space: nowrap; } &lt;/style&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Taxonomies.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchTaxonomies\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import taxonomiesSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"Taxonomies\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Taxonomy terms (a.k.a 'species') relating to a resource. Multiple selections will be joined with OR. Start typing to see Taxonomy terms.\", }; }, computed: { ...mapGetters(\"taxonomiesSearch\", [\"getSearchTaxonomies\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { taxonomiesSearch.commit( \"taxonomiesSearch/setSearchTaxonomies\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"taxonomiesSearch\", [\"fetchSearchTaxonomies\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchTaxonomies(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_UserDefinedTag.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;div class=\"d-flex width-90\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" /&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-value=\"itemValue\" :item-list=\"getSearchUserDefinedTags\" :loading=\"getLoadingStatus\" @input=\"selectedValue\" @fetchData=\"getResults\" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import userDefinedTagsSearch from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; import TooltipComponent from \"../UtilComponents/TooltipComponent.vue\"; export default { name: \"UserDefinedTag\", components: { TooltipComponent, AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, data: () =&gt; { return { itemSelected: [], itemValue: [], toolTipText: \"Tags created by FAIRsharing's user community. Multiple selections will be joined with OR. Start typing to see UserDefined tags.\", }; }, computed: { ...mapGetters(\"userDefinedTagsSearch\", [\"getSearchUserDefinedTags\", \"getLoadingStatus\"]), ...mapGetters(\"advancedSearch\", [\"getEditDialogStatus\"]), model: { get() { return this.itemSelected; }, set(value) { this.$emit(\"input\", value); }, }, }, watch: { itemSelected(newValue) { this.itemValue = newValue; }, /** * Item list for the autocomplete should not be empty * It is assigned with selected values when edit field is opened */ getEditDialogStatus: { handler(open) { if (open) { if (this.value &amp;&amp; this.value.length) { userDefinedTagsSearch.commit( \"userDefinedTagsSearch/setSearchUserDefinedTags\", this.value ); } } }, immediate: true, }, }, mounted() { //Pre-fill selected values on edit advanced search is clicked and open this.itemValue = this.value; }, methods: { ...mapActions(\"userDefinedTagsSearch\", [\"fetchSearchUserDefinedTags\"]), selectedValue(item) { this.itemSelected = item; }, getResults(queryParams) { if (queryParams) this.fetchSearchUserDefinedTags(queryParams); }, }, }; &lt;/script&gt; × Search results Close "},"components_Curators_UserRecordsAwaitingApproval.vue.html":{"id":"components_Curators_UserRecordsAwaitingApproval.vue.html","title":"Source: components/Curators/UserRecordsAwaitingApproval.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-card class=\"mb-2\"&gt; &lt;v-card-text v-if=\"approvalRequiredProcessed\"&gt; &lt;v-card-title id=\"text-curator-search-0\" class=\"green white--text\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" label=\"Search\" color=\"white\" single-line hide-details solo class=\"searchField\" clearable /&gt; &lt;/v-card-title&gt; &lt;v-card-text v-if=\"error.general\"&gt; &lt;v-alert type=\"error\"&gt; Problem saving/updating record with id: {{ error.recordID }} {{ error.general }} &lt;/v-alert&gt; &lt;/v-card-text&gt; &lt;v-data-table :loading=\"loading\" :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :search=\"searches\" :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" sort-by=\"\" &gt; &lt;template v-if=\"recordType\" #item=\"props\" &gt; &lt;tr&gt; &lt;td&gt; {{ props.item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ props.item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ on: menu, attrs }\"&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on: tooltip }\"&gt; &lt;v-icon class=\"clickable\" small color=\"nordnetBlue\" v-bind=\"attrs\" v-on=\"{ ...tooltip, ...menu }\" &gt; {{ props.item.curator }} &lt;/v-icon&gt; &lt;/template&gt; &lt;span&gt;Assign a new curator&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/template&gt; &lt;v-list&gt; &lt;v-list-item v-for=\"(item, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(props.item.id, item.id, item.userName) \" &gt; &lt;v-list-item-title&gt;{{ item.userName }}&lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"props.item.type\" class=\"mr-2\" :height=\"40\" &gt; &lt;Icon :item=\"props.item.type\" :height=\"40\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\"&gt; {{ props.item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"props.item.lastEditor === 'unknown'\"&gt; {{ props.item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idLastEditor\"&gt; {{ props.item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-edit-dialog :return-value.sync=\"props.item.processingNotes\" large @save=\" saveProcessingNotes(props.item.id, props.item.processingNotes) \" &gt; {{ props.item.processingNotes }} &lt;template #input&gt; &lt;div class=\"dialogProcNotesEdit\"&gt; &lt;div class=\"mt-4 title\"&gt; Update Processing Notes &lt;/div&gt; &lt;v-textarea v-model=\"props.item.processingNotes\" width=\"1200px\" label=\"Edit (not long words)\" filled /&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-edit-dialog&gt; &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"blue\" dark left @click.stop=\" approveChangesMenu( props.item.recordName, props.item.id, props.item.hidden ) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ props.item.actions }} &lt;v-icon color=\"red\" dark right small @click=\"deleteRecordMenu(props.item.recordName, props.item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip bottom&gt; &lt;template #activator=\"{ on, attrs }\"&gt; &lt;span v-bind=\"attrs\" v-on=\"on\" &gt; &lt;a :href=\"'/' + props.item.id + '/edit'\" style=\"padding-left: 12px\" &gt; Edit &lt;/a&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;If edits are saved, record is approved.&lt;/span&gt; &lt;/v-tooltip&gt; &lt;/td&gt; &lt;td&gt; {{ props.item.createdAt }}, &lt;div v-if=\"props.item.creator === 'unknown'\"&gt; {{ props.item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + props.item.idCreator\"&gt; {{ props.item.creator }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;/v-card-text&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.approveChanges\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: blue; padding-left: 5px; padding-right: 1px\"&gt; ACCEPT/APPROVE CHANGES &lt;/span&gt; record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue darken-1\" text @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" color=\"green\" label=\"Create Review\" class=\"pr-3\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;v-layout row justify-center &gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\" &gt; &lt;v-card&gt; &lt;v-card-title class=\"headline\"&gt; Are you sure you want to &lt;span style=\"color: red; padding-left: 5px; padding-right: 5px\"&gt; DELETE &lt;/span&gt; this record? &lt;ul style=\"list-style-type: none\"&gt; &lt;li&gt; {{ dialogs.recordName }} &lt;/li&gt; &lt;/ul&gt; &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn :disabled=\"dialogs.disableButton === true\" color=\"blue darken-1\" text @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue darken-1\" text @click=\"confirmDelete()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/v-layout&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Icon from \"@/components/Icon\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import GraphClient from \"@/lib/GraphClient/GraphClient\"; import getCuratorList from \"@/lib/GraphClient/queries/curators/getCuratorList.json\"; import getHiddenRecords from \"@/lib/GraphClient/queries/curators/getHiddenRecords.json\"; import getUserApprovalsRequired from \"@/lib/GraphClient/queries/curators/getUserApprovalsRequired.json\"; import formatDate from \"@/utils/generalUtils\"; import compareRecordDescUpdate from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate], props: { headerItems: { type: Array, default: null, }, }, data: () =&gt; { return { dialogs: { approveChanges: false, recordName: \"\", recordID: \"\", recordHidden: false, deleteRecord: false, disableDelButton: true, disableButton: false, createReview: false, }, error: { recordID: null, general: null, }, searches: \"\", approvalRequiredProcessed: [], maintenanceRequests: [], approvalRequired: [], recordType: {}, loading: false, curatorList: [], }; }, computed: { ...mapState(\"users\", [\"user\", \"messages\"]), ...mapState(\"record\", [\"recordUpdate\"]), }, watch: { approvalRequired: function () { this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); }, \"dialogs.approveChanges\"(val) { val || this.closeApproveChangesMenu(); }, \"dialogs.deleteRecord\"(val) { val || this.closeDeleteMenu(); }, }, async mounted() { this.loading = true; client.setHeader(this.user().credentials.token); //Fetching records approval awaiting data let data = await client.executeQuery(getUserApprovalsRequired); let listOfCurators = await client.executeQuery(getCuratorList); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired) ); this.loading = false; }, methods: { ...mapActions(\"record\", [\"updateRecord\"]), /** * Method to fetch records awaiting approval * @param dataCuration * @param listOfCurators * @param hiddenRecords */ prepareApprovalRequired(dataCuration, listOfCurators, hiddenRecords) { let userRecords = dataCuration.userApprovalsRequired; userRecords.forEach((item) =&gt; { item.fairsharingRecords.forEach((rec) =&gt; { let object = { createdAt: rec.createdAt, updatedAt: rec.updatedAt, curator: item.username.substring(0, 6), recordName: `${rec.name} (${rec.id})`, id: rec.id, type: rec.type, processingNotes: rec.processingNotes, hidden: false, }; if (rec.creator) { object.creator = rec.creator.username.substring(0, 10); object.idCreator = rec.creator.id; } else { object.creator = \"unknown\"; } if (rec.priority) { object.priority = \"Priority\"; } else { object.priority = \"\"; } const index = hiddenRecords.hiddenRecords.findIndex( (element) =&gt; element.id === rec.id ); if (index &gt;= 0) { object.hidden = true; } if (rec.lastEditor) { object.lastEditor = rec.lastEditor.username; object.idLastEditor = rec.lastEditor.id; } else { object.lastEditor = \"unknown\"; } this.approvalRequired.push(object); }); }); this.approvalRequired.sort(this.compareRecordDescUpdate); for (let i = 0; i &lt; this.approvalRequired.length; i++) { this.approvalRequired[i].updatedAt = this.formatDate( this.approvalRequired[i].updatedAt ); this.approvalRequired[i].createdAt = this.formatDate( this.approvalRequired[i].createdAt ); } let curators = listOfCurators.curatorList; let listSuper = []; let listCurator = []; curators.forEach((item) =&gt; { let object = { id: item.id, userName: item.username, }; let role = item.role.name; if (role === \"super_curator\") { listSuper.push(object); } else if (role === \"curator\") { listCurator.push(object); } }); this.curatorList = listSuper.concat(listCurator); let object = { id: -1, userName: \"none\", }; this.curatorList.push(object); }, async saveProcessingNotes(idRecord, notesText) { const _module = this; _module.error = { recordID: null, general: null, }; let preparedRecord = { processing_notes: \"\", skip_approval: true, }; preparedRecord.processing_notes = notesText; let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } let data = { record: preparedRecord, id: idRecord, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = idRecord; } const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === idRecord ); _module.approvalRequiredProcessed[index].curator = nameUser.substring( 0, 6 ); }, approveChangesMenu(recordName, recordID, recordHidden) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.recordHidden = recordHidden; _module.dialogs.approveChanges = true; }, closeApproveChangesMenu() { this.dialogs.disableButton = true; this.dialogs.approveChanges = false; }, async confirmApproval() { const _module = this; _module.dialogs.disableButton = true; let preparedRecord = { processing_notes: undefined, create_review: _module.dialogs.createReview, hidden: _module.dialogs.recordHidden, }; let data = { record: preparedRecord, id: _module.dialogs.recordID, token: _module.user().credentials.token, }; await _module.updateRecord(data); if (_module.recordUpdate.error) { _module.error.general = _module.recordUpdate.message; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.approveChanges = false; _module.dialogs.createReview = false; }, async confirmDelete() { const _module = this; _module.dialogs.disableButton = true; let data = await restClient.deleteRecord( _module.dialogs.recordID, this.user().credentials.token ); if (data.error) { _module.error.general = \"error deleting record\"; _module.error.recordID = _module.dialogs.recordID; } else { const index = _module.approvalRequiredProcessed.findIndex( (element) =&gt; element.id === _module.dialogs.recordID ); _module.approvalRequiredProcessed.splice(index, 1); } _module.dialogs.deleteRecord = false; }, deleteRecordMenu(recordName, recordID) { const _module = this; _module.dialogs.disableButton = false; _module.dialogs.disableDelButton = true; _module.dialogs.recordName = recordName; _module.dialogs.recordID = recordID; _module.dialogs.deleteRecord = true; setTimeout(function () { _module.dialogs.disableDelButton = false; }, 5000); }, closeDeleteMenu() { this.dialogs.disableButton = true; this.dialogs.deleteRecord = false; }, }, }; &lt;/script&gt; &lt;style scoped&gt; #text-curator-search-0 div.theme--light.v-input:not(.v-input--is-disabled) input { color: #fff; } .dialogProcNotesEdit { width: 450px !important; } .priorityTag { background-color: red; color: white; font-size: 90%; } .thelistCurators { max-height: 100px; overflow-y: auto; } ::v-deep .v-data-table-header tr th { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html":{"id":"components_Records_Search_SaveSearch_StepperComponents_UserStepper.vue.html","title":"Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/UserStepper.vue &lt;template&gt; &lt;div&gt; &lt;template v-if=\"user().is_super_curator\"&gt; &lt;v-autocomplete v-model=\"userSelected\" :items=\"usersList\" :search-input.sync=\"searchUser\" class=\"mb-7\" :loading=\"loading\" hide-details multiple cache-items chips deletable-chips item-value=\"id\" item-text=\"username\" label=\"Enter text to search for additional user(s) to associate with this saved search\" &gt; &lt;template #selection=\"data\"&gt; &lt;v-chip v-bind=\"data.attrs\" :input-value=\"data.item['id']\" close @click=\"data.select\" @click:close=\"remove(data.item['id'])\" &gt; {{ data.item[\"username\"] }} &lt;/v-chip&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div v-show=\"!loading\" class=\"py-3 px-4\" &gt; No User found &lt;/div&gt; &lt;div v-show=\"loading\" class=\"py-3 px-4\" &gt; Loading... &lt;/div&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/template&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import saveSearch from \"@/store\"; import { removeItem } from \"@/utils/advancedSearchUtils\"; export default { name: \"UserStepper\", data() { return { loading: false, userSelected: [], searchUser: null, }; }, computed: { ...mapState(\"users\", [\"user\", \"usersList\"]), }, watch: { async searchUser(val) { if (!val || val.length &lt; 3) return; val = val.trim(); this.loading = true; await this.getUsersList(val); this.loading = false; }, userSelected(val) { saveSearch.commit(\"saveSearch/setUserSelected\", val); }, }, methods: { ...mapActions(\"users\", [\"getUsersList\"]), /** * Remove the selected item from selection * @param item * @return {Array} */ remove(item) { return removeItem(item, this.userSelected); }, }, }; &lt;/script&gt; × Search results Close "},"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html":{"id":"components_Users_Profiles_Private_ViewSavedSearchesTable.vue.html","title":"Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table class=\"userProfileSavedSearches\" :items=\"totalSearches\" :headers=\"headers\" :items-per-page=\"perPage\" :footer-props=\"footer\" calculate-widths mobile-breakpoint=\"960\" &gt; &lt;template #[`item.creator`]=\"{ item }\"&gt; &lt;a :href=\"`/users/${item.creator['id']}`\"&gt;{{ item.creator[\"username\"] }} &lt;/a&gt; &lt;/template&gt; &lt;template #[`item.additionalUser`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"user in additionalUsers(item)\" :key=\"user.id\" class=\"mb-2\" &gt; &lt;a :href=\"`/users/${user['id']}`\"&gt;{{ user[\"username\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.date`]=\"{ item }\"&gt; {{ item.createdAt.split(\"T\", 1)[0] }} &lt;/template&gt; &lt;template #[`item.name`]=\"{ item }\"&gt; &lt;a :href=\"item.url\"&gt;{{ item.name }}&lt;/a&gt; &lt;/template&gt; &lt;template #[`item.comments`]=\"{ item }\"&gt; {{ item.comments }} &lt;/template&gt; &lt;template #[`item.record`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"record in item.fairsharingRecords\" :key=\"record.id\" class=\"my-2\" &gt; &lt;a :href=\"`/${record['id']}`\"&gt;{{ record[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.organisation`]=\"{ item }\"&gt; &lt;ul class=\"pl-0\"&gt; &lt;li v-for=\"organisation in item.organisations\" :key=\"organisation.id\" class=\"my-2\" &gt; &lt;a :href=\"`/organisations/${organisation['id']}`\"&gt;{{ organisation[\"name\"] }} &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/template&gt; &lt;template #[`item.actions`]=\"{ item }\"&gt; &lt;!--User logged in and is on its public profile page--&gt; &lt;v-icon v-if=\"Number($route.params.id) === user().id\" @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;!--User is on any other user's public profile page--&gt; &lt;v-icon v-else-if=\"$route.name === 'PublicProfile'\" @click=\"unlinkItem(item)\" &gt; mdi-link-off &lt;/v-icon&gt; &lt;!--User is on its account profile page--&gt; &lt;v-icon v-else @click=\"deleteItem(item)\" &gt; mdi-delete &lt;/v-icon&gt; &lt;/template&gt; &lt;template #no-data&gt; &lt;div&gt; You haven't saved any searches yet. Create one &lt;a @click.stop=\"openAdvancedSearch\"&gt;here&lt;/a&gt;. &lt;/div&gt; &lt;/template&gt; &lt;/v-data-table&gt; &lt;!--Delete action dialog box --&gt; &lt;v-dialog v-model=\"modifyDialog\" max-width=\"500px\" &gt; &lt;!--Delete --&gt; &lt;v-card v-if=\"deleteSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to delete this item? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"deleteItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;!--Unlink --&gt; &lt;v-card v-if=\"unlinkSavedSearch\"&gt; &lt;v-card-title class=\"text-h5\"&gt; Are you sure you want to unlink this user? &lt;/v-card-title&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"white--text\" color=\"accent3\" @click=\"closeDialog\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"white--text\" color=\"success\" :loading=\"loading\" @click=\"unlinkItemConfirm()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters, mapState } from \"vuex\"; import RESTClient from \"@/lib/Client/RESTClient\"; import advancedSearch from \"@/store\"; import saveSearch from \"@/store\"; const restClient = new RESTClient(); export default { name: \"ViewSavedSearchesTable\", props: { createdSearches: { type: Array, default: null }, savedSearches: { type: Array, default: null } }, data: () =&gt; { return { modifyDialog: false, deleteSavedSearch: false, unlinkSavedSearch: false, selectedItem: {}, totalSearches: [], loading: false, savedSearchLink: \"\", perPage: 5, footer: { showFirstLastPage: true, itemsPerPageText: \"Saved Search:\", }, }; }, computed: { ...mapState(\"users\", [\"user\"]), ...mapGetters(\"users\", [\"getUserRecords\"]), headers() { let headers = [ { text: \"Creator\", value: \"creator\", align: \"center\", sortable: false }, { text: \"Date\", value: \"date\", align: \"center\", sortable: false }, { text: \"Name\", value: \"name\", align: \"center\", sortable: false }, { text: \"Comments\", value: \"comments\", align: \"center\", sortable: false }, { text: \"Record\", value: \"record\", align: \"center\", sortable: false }, { text: \"Organisation\", value: \"organisation\", align: \"center\", sortable: false }, ]; if (this.user().isLoggedIn) { headers.push({ text: \"Actions\", value: \"actions\", align: \"center\", sortable: false },) } if(this.user().is_super_curator) { headers.splice(1,0, { text: \"Additional User\", value: \"additionalUser\", align: \"center\", sortable: false },) } return headers; }, }, mounted() { this.combinedSearches(); }, methods: { ...mapActions(\"users\", [\"getUser\", \"getPublicUser\"]), /** * Fetch combinedSearches and savedSearches from the props * removing the duplicates and displaying in user profile * page */ async combinedSearches(searchDeleted, searchUnlinked) { let createdSearches, savedSearches if (searchDeleted) { await this.getUser(); createdSearches = this.getUserRecords.user[\"createdSearches\"]; savedSearches = this.getUserRecords.user[\"savedSearches\"]; } else if (searchUnlinked) { let userId = this.$route.params.id; let userR = await this.getPublicUser(userId); await this.getUser(); createdSearches = userR.user[\"createdSearches\"]; savedSearches = userR.user[\"savedSearches\"]; } else { createdSearches = this.createdSearches; savedSearches = this.savedSearches; } let mergedSearches = createdSearches.concat(savedSearches); let mapSearches = new Map(); for (const search of mergedSearches) { mapSearches.set(search.id, search); } //Reversed array to show latest entry first let searchValues = [...mapSearches.values()]; this.totalSearches = searchValues.sort((a, b) =&gt; new Date(b.createdAt) - new Date(a.createdAt) ); }, /** * Delete the selection savedSearch * @param item - {Object} - Saved Search details */ deleteItem(item) { this.selectedItem = item; this.modifyDialog = true; this.unlinkSavedSearch = false; this.deleteSavedSearch = true; }, /** * Confirmation dialog to delete the savedSearch * and close the dialog if pressed OK */ async deleteItemConfirm() { this.loading = true; let data = await restClient.deleteSavedSearch( this.selectedItem[\"id\"], this.user().credentials.token ); if (data[\"message\"] === \"success\") { await this.combinedSearches(true, false); } this.loading = false; this.deleteSavedSearch = false; this.closeDialog(); }, /** * Unlink saved search from the user * @param item - {Object} - Saved Search details */ unlinkItem(item) { this.selectedItem = item; this.modifyDialog = true; this.deleteSavedSearch = false; this.unlinkSavedSearch = true; }, /** * Confirmation dialog to unlink the savedSearch * and close the dialog if pressed OK */ async unlinkItemConfirm() { this.loading = true; let additionalUsersArr = this.additionalUsers(this.selectedItem) //Filter the user to unlink let linkedUser = additionalUsersArr.filter(({id}) =&gt; id !== Number(this.$route.params.id)) //Array of id of the remaining users linkedUser = linkedUser.map(({id}) =&gt; id) let saveSearchObj = { user_ids: linkedUser, }; let updatedSearchResult = await restClient.updateSaveSearch( this.selectedItem[\"id\"], saveSearchObj, this.user().credentials.token ); //Commit the updated result to store saveSearch.commit(\"saveSearch/setSaveSearchResult\", updatedSearchResult); await this.combinedSearches(false, true); this.loading = false; this.unlinkSavedSearch = false; this.closeDialog(); }, /** * Close dialog */ closeDialog() { this.modifyDialog = false; }, /** * Open advancedSearch Dialog Box */ openAdvancedSearch() { advancedSearch.commit( \"advancedSearch/setAdvancedSearchDialogStatus\", true ); }, /** * Filter creator from additional users list * @param { Object } - user * @return {Array} - additional user list without creator */ additionalUsers(item) { let additionalUsersList = item[\"users\"].filter((e) =&gt; { return e['id'] !== item.creator['id'] }) return additionalUsersList; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; @import '~vuetify/src/styles/settings/_variables.scss'; .userProfileSavedSearches::v-deep { table { tbody { tr { td { word-break: break-all; @media #{map-get($display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"store_recordData.js.html":{"id":"store_recordData.js.html","title":"Source: store/recordData.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash\" import Vue from \"vue\" import RESTClient from \"@/lib/Client/RESTClient.js\" import Client from \"../lib/GraphClient/GraphClient.js\" import recordDataAccessQuery from \"../lib/GraphClient/queries/editor/getRecordDataAccess.json\" import recordRelationsQuery from \"../lib/GraphClient/queries/editor/getRecordRelations.json\" import recordQuery from \"../lib/GraphClient/queries/getRecord.json\" import recordHistory from '../lib/GraphClient/queries/getRecordHistory.json' import recordOrganisationsQuery from \"../lib/GraphClient/queries/getRecordOrganisations.json\" import { initEditorSections } from \"./utils.js\" let client = new Client(); let restClient = new RESTClient(); /** * The record store handles the requests related to record (fairsharingRecord). * @type {Object} */ let recordStore = { namespaced: true, state: { currentRecord: { fairsharingRecord: { metadata: { citations: [] } } }, currentRecordHistory: {}, recordUpdate: { error: false, message: null, id: null }, sections: { generalInformation: initEditorSections(false, [\"generalInformation\"]).generalInformation }, editOrganisationLink: { showOverlay: false, data: {}, id: null }, newRecord: false, currentID: null }, mutations: { setCurrentRecord(state, data){ state.currentRecord = data; let tags = ['subjects', 'domains', 'taxonomies', 'userDefinedTags', 'objectTypes']; tags.forEach(tag =&gt; { if (state.currentRecord['fairsharingRecord'][tag].length &amp;&amp; state.currentRecord['fairsharingRecord'][tag] ) { state.currentRecord['fairsharingRecord'][tag].forEach(item =&gt; { item.type = tag; }) } }) }, setRecordHistory(state, data){ state.currentRecordHistory = data; }, resetCurrentRecordHistory(state){ state.currentRecordHistory = {}; }, setSections(state, data){ state.currentID = data['fairsharingRecord'].id; let sectionsNames = [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\", \"relations\" ]; state.sections = initEditorSections(data['fairsharingRecord'], sectionsNames); }, setGeneralInformation(state, data){ state.sections.generalInformation = initEditorSections( data['fairsharingRecord'], [\"generalInformation\"] ).generalInformation; if(data['fairsharingRecord']) state.sections.generalInformation.message = \"Record successfully updated!\"; }, resetMessage(state, sectionName){ state.sections[sectionName].message = null; state.sections[sectionName].message = false; }, setSectionError(state, error){ state.sections[error.section].message = error.value; state.sections[error.section].error = true; }, setChanges(state, diff){ state.sections[diff.section].changes = diff.value; }, setContacts(state, contacts){ state.sections.generalInformation.data.metadata.contacts = contacts; }, setTags(state, field){ state.sections.generalInformation.data[field.target] = field.value; }, resetRegistry(state){ state.sections.generalInformation.data.type = \"\"; }, setPublications(state, publications) { state.sections.publications.data = publications; }, setAdditionalInformation(state, additionalInformation) { if (!additionalInformation.subfieldName){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName, additionalInformation.fieldValue ); } else { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], additionalInformation.subfieldName, additionalInformation.fieldValue ); } }, setAdditionalInformationSubField(state, additionalInformation) { if (additionalInformation.id !== null) { state.sections.additionalInformation.data[additionalInformation.fieldName][additionalInformation.id] = additionalInformation.fieldValue; } else { if (!state.sections.additionalInformation.data[additionalInformation.fieldName]){ Vue.set(state.sections.additionalInformation.data, additionalInformation.fieldName,[]); } try { Vue.set(state.sections.additionalInformation.data[additionalInformation.fieldName], state.sections.additionalInformation.data[additionalInformation.fieldName].length, additionalInformation.fieldValue ); // eslint-disable-next-line no-empty } catch(e) { // TODO: Investigate comments below. // Github has been failing tests (which are fine locally) here for reasons which // have not so far been determined. // TypeError: Cannot read property 'shallow' of undefined // ...on the Vue.set, above. // eslint-enable-next-line no-empty } } }, removeAdditionalInformationSubField(state, additionalInformation){ state.sections.additionalInformation.data[additionalInformation.fieldName].splice(additionalInformation.id, 1) }, updateOrganisationsLinks(state, links){ state.sections.organisations.data = links; state.sections.organisations.initialData = JSON.parse(JSON.stringify(links)); state.sections.organisations.changes = 0; state.sections.organisations.message = \"Record successfully updated!\"; }, setEditOrganisationLink(state, newLink){ state.editOrganisationLink = newLink; }, setEditOrganisationLinkOrganisation(state, organisation){ state.editOrganisationLink.data.organisation = organisation; }, setEditOrganisationLinkGrant(state, grant) { state.editOrganisationLink.data.grant = grant; }, setDataAccess(state, dataAccess){ let record = { exhaustiveLicences: dataAccess.exhaustiveLicences, licences: dataAccess['licenceLinks'], support_links: dataAccess.metadata.support_links }; state.sections.generalInformation.data.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); state.sections.dataAccess.data.exhaustiveLicences = record.exhaustiveLicences; state.sections.generalInformation.initialData.metadata.support_links = JSON.parse(JSON.stringify(record.support_links)); record.support_links.forEach(supportLink =&gt; { if (supportLink.name) supportLink.url = {title: supportLink.name, url: supportLink.url} }); state.sections.dataAccess.data = record; state.sections.dataAccess.initialData = JSON.parse(JSON.stringify(record)); state.sections.dataAccess.changes = 0; state.sections.dataAccess.message = \"Record successfully updated!\"; }, updateAdditionalInformation(state, additionalInformation) { let record = {}; Object.keys(additionalInformation.record).forEach(field =&gt; { if (additionalInformation.fields.includes(field)) { record[field] = additionalInformation.record[field]; state.sections.generalInformation.data.metadata[field] = JSON.parse(JSON.stringify(record[field])); state.sections.generalInformation.initialData.metadata[field] = JSON.parse(JSON.stringify(record[field])); } }); state.sections.additionalInformation.data = record; state.sections.additionalInformation.initialData = JSON.parse(JSON.stringify(record)); state.sections.additionalInformation.changes = 0; state.sections.additionalInformation.message = \"Record successfully updated!\"; }, setCreatingNewRecord(state){ state.newRecord = true; }, setEditingRecord(state){ state.newRecord = false; }, setRelations(state, relations){ state.sections.relations.data.recordAssociations = relations; state.sections.relations.initialData.recordAssociations = JSON.parse(JSON.stringify(relations)); state.sections.relations.changes = 0; state.sections.relations.message = \"Record successfully updated!\"; state.sections.relations.error = false; }, setMessage(state, message){ state.sections[message.target].message = message.value; }, setNewRecord(state, id){ state.recordUpdate = { error: false, message: \"success\", id: id } }, setError(state, error){ state.recordUpdate = { error: true, message: error, id: null } }, cleanRecordStore(state){ state.sections = null; state.sections = initEditorSections(false, [ \"generalInformation\", \"support\", \"dataAccess\", \"publications\", \"organisations\", \"additionalInformation\" ]); } }, actions: { async fetchRecord(state, options){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: options.id }; if (options.token) { client.setHeader(options.token); } let data = await client.executeQuery(recordQuery); client.initalizeHeader() if (!data[\"fairsharingRecord\"]['metadata']['contacts']) { data[\"fairsharingRecord\"]['metadata']['contacts'] = []; } // Citations should be created if empty. if (!data[\"fairsharingRecord\"]['metadata']['citations']) { data[\"fairsharingRecord\"]['metadata']['citations'] = []; } state.commit('setCurrentRecord', JSON.parse(JSON.stringify(data))); state.commit('setSections', JSON.parse(JSON.stringify(data))); }, async fetchPreviewRecord(state, id){ state.commit(\"resetCurrentRecordHistory\"); recordQuery.queryParam = { id: id }; let data = await client.executeQuery(recordQuery); state.commit('setCurrentRecord', data); }, async fetchRecordHistory(state, options){ recordHistory.queryParam = {id: options.id}; client.setHeader(options.token); let data = await client.executeQuery(recordHistory); state.commit('setRecordHistory', data[\"fairsharingRecord\"]); }, async updateGeneralInformation({ state, commit}, options) { commit(\"resetMessage\", \"generalInformation\"); let { type, countries, userDefinedTags, objectTypes, domains, subjects, taxonomies, status, curator_notes, isHidden, logo, maintainers, watchers, ...record } = JSON.parse(JSON.stringify(state.sections.generalInformation.data)), newTags = [], oldTags = [], tags = []; userDefinedTags.forEach(tag =&gt; { if (Object.keys(tag).indexOf(\"id\") === -1){ newTags.push(tag.label) } else { oldTags.push(tag.id) } }); newTags = await Promise.all(newTags.map(tag =&gt; restClient.createNewUserDefinedTag(tag, options.token)) ); newTags.forEach((tag) =&gt; { if (!tag.error) { tags.push(tag.id); } else { commit(\"setSectionError\", { section: \"generalInformation\", value: tag.error }); return tag.error; } }); isEmpty(logo) ? delete record['logo'] : record.logo = logo record.country_ids = countries.map(obj =&gt; obj.id); if (type.id) record.record_type_id = type.id; record.metadata.status = status; record.curator_notes = curator_notes; record.hidden = isHidden; record.object_type_ids = objectTypes.map(obj =&gt; obj.id); record.domain_ids = domains.map(obj =&gt; obj.id); record.subject_ids = subjects.map(obj =&gt; obj.id); record.taxonomy_ids = taxonomies.map(obj =&gt; obj.id); record.maintainer_ids = maintainers.map(obj =&gt; obj.id); record.watcher_ids = watchers.map(obj =&gt; obj.id); record.user_defined_tag_ids = tags.concat(oldTags.filter(function (el) {return el != null;})); if (options.change) { record.remove_additional_properties = true } let response = await restClient.updateRecord({ record: record, token: options.token, id: options.id }); if (response.error){ commit(\"setSectionError\", { section: \"generalInformation\", value: response.error }); return response.error; } else { let newRecord = JSON.parse(JSON.stringify(state.sections.generalInformation.data)); let userDefinedTags = []; newRecord.userDefinedTags.forEach(obj =&gt; { if (Object.keys(obj).indexOf(\"id\") === -1) { obj.id = newTags.filter(tag =&gt; {tag.label = obj.label})[0]; userDefinedTags.push(obj); } else userDefinedTags.push(obj); }); newRecord.userDefinedTags = userDefinedTags; commit('setGeneralInformation', {fairsharingRecord: newRecord}); } }, async updatePublications({ state, commit }, options) { commit(\"resetMessage\", \"publications\"); let publications = JSON.parse(JSON.stringify(state.sections.publications.data)); let record_data = { publication_ids: [], citation_ids: [] }; publications.forEach(function (publication) { record_data.publication_ids.push(publication.id); if (publication.isCitation) { record_data.citation_ids.push(publication.id); } delete publication.isCitation; }); const record = { record: record_data, token: options.token, id: options.id }; let response = await restClient.updateRecord(record); if (response.error) { commit(\"setSectionError\", { section: \"publications\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"publications\", value: \"Record successfully updated!\"}); } }, async updateOrganisations({state, commit}, userToken){ commit(\"resetMessage\", \"organisations\"); let deleteItems = [], updateItems = [], createItems = []; state.sections.organisations.initialData.forEach((obj) =&gt; { let found = state.sections.organisations.data.filter(org =&gt; org.id === obj.id)[0]; if (!found) { deleteItems.push(obj); } }); state.sections.organisations.data.forEach(function(obj) { let query = { fairsharing_record_id: state.currentRecord['fairsharingRecord'].id, organisation_id: obj.organisation.id, relation: obj.relation, grant_id: (obj.grant) ? obj.grant.id : null, is_lead: obj.isLead }; if (Object.prototype.hasOwnProperty.call(obj, 'id')) updateItems.push({query: query, id: obj.id}); else createItems.push(query); }); let queries = await Promise.all([ ...deleteItems.map(organisation =&gt; restClient.deleteOrganisationLink(organisation.id, userToken)), ...createItems.map(organisation =&gt; restClient.createOrganisationLink(organisation, userToken)), ...updateItems.map(organisation =&gt; restClient.updateOrganisationLink(organisation.query, organisation.id, userToken)) ]); queries.forEach((org) =&gt; { if (org.error) { commit(\"setSectionError\", { section: \"organisations\", value: org.error }); } }); recordOrganisationsQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(userToken); let organisations = await client.executeQuery(recordOrganisationsQuery); commit('updateOrganisationsLinks', organisations.fairsharingRecord.organisationLinks); }, async updateAdditionalInformation({ state, commit}, options){ commit(\"resetMessage\", \"additionalInformation\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; options.fields.forEach(field =&gt; { if (state.sections.additionalInformation.data[field]) { Object.keys(state.sections.additionalInformation.data[field]).forEach(key =&gt; { if (state.sections.additionalInformation.data[field][key] === \"\") { delete state.sections.additionalInformation.data[field][key] } }) newRecord.metadata[field] = state.sections.additionalInformation.data[field] } else if (state.sections.additionalInformation.data[field] === null) { // if its the case that there is a single string textInput only state.sections.additionalInformation.data[field] = \"\"; newRecord.metadata[field] = state.sections.additionalInformation.data[field] } }); let response = await restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }); if (response.error) { commit(\"setSectionError\", { section: \"additionalInformation\", value: response.error }); return response.error; } else { commit(\"setMessage\", {target: \"additionalInformation\", value: \"Record successfully updated!\"}); commit('updateAdditionalInformation', {record: newRecord.metadata, fields: options.fields}); } }, async updateDataAccess({state, commit}, options){ commit(\"resetMessage\", \"dataAccess\"); let newRecord = { metadata: state.sections.generalInformation.initialData.metadata, }; newRecord.metadata.support_links = state.sections.dataAccess.data.support_links; newRecord.metadata.support_links.forEach(supportLink =&gt; { if (typeof supportLink.url !== 'string') { supportLink.url = supportLink.url.url; } }); let initialLicences = state.sections.dataAccess.initialData.licences, currentLicences = state.sections.dataAccess.data.licences, toDelete = [], toUpdate = [], toCreate = []; initialLicences.forEach(licence =&gt; { let found = currentLicences.filter(obj =&gt; obj.id === licence.id)[0]; if (!found) toDelete.push(licence.id); }); currentLicences.forEach(licence =&gt; { let found = initialLicences.filter(obj =&gt; obj.id === licence.id)[0], newLicence = prepareLicence(licence); if (!found){ toCreate.push(newLicence); } else if (found &amp;&amp; !isEqual(licence, found)) { toUpdate.push(newLicence); } }); newRecord.exhaustive_licences = state.sections.dataAccess.data.exhaustiveLicences; let responses = await Promise.all([ restClient.updateRecord({ record: newRecord, token: options.token, id: options.id }), ...toCreate.map(licence =&gt; restClient.createLicenceLink(licence, options.token)), ...toUpdate.map(licence =&gt; restClient.updateLicenceLink(licence, options.token)), ...toDelete.map(licence =&gt; restClient.deleteLicenceLink(licence, options.token)) ]); responses.forEach((response) =&gt; { if (response.error) { commit(\"setSectionError\", { section: \"dataAccess\", value: response.error }); return response.error; } }); recordDataAccessQuery.queryParam = {id: state.currentRecord.fairsharingRecord.id}; client.setHeader(options.token); let dataAccess = await client.executeQuery(recordDataAccessQuery); commit('setDataAccess', dataAccess.fairsharingRecord); }, async updateRelations({state, commit}, options){ commit(\"resetMessage\", \"relations\"); let newAssociations = [], deleteAssociations = [], oldAssociations = []; state.sections.relations.data.recordAssociations.forEach(association =&gt; { if (association.new) { const newAssociation = { fairsharing_record_id: options.source, linked_record_id: association.linkedRecord.id, record_assoc_label_id: association.recordAssocLabel.id }; newAssociations.push(newAssociation); } else { // Using a combination of record_id and label_id as this should be unique. // Using only record_id produced: // https://github.com/FAIRsharing/fairsharing.github.io/issues/1620 let id = association.linkedRecord.id + \"_\" + association.recordAssocLabelId; oldAssociations.push(id); } }); state.sections.relations.initialData.recordAssociations.forEach(oldAssociation =&gt; { // Same unique ID as above. let id = oldAssociation.linkedRecord.id + \"_\" + oldAssociation.recordAssocLabelId; if (id &amp;&amp; !oldAssociations.includes(id)) { deleteAssociations.push({ id: oldAssociation.id, _destroy: 1 }); } }); let responses = await Promise.all([ restClient.saveRelations({ token: options.token, relations: newAssociations, target: options.source }), restClient.deleteRelations({ token: options.token, relations: deleteAssociations, target: options.source }) ]); let error = false; for (let response of responses) { if (response.error) { commit(\"setSectionError\", { section: \"relations\", value: response.error }); error = true; } } if (!error){ recordRelationsQuery.queryParam = {id: options.source}; client.setHeader(options.token); let relations = await client.executeQuery(recordRelationsQuery); commit('setRelations', relations['fairsharingRecord'].recordAssociations); } }, resetRecord(state){ state.commit('setGeneralInformation', {fairsharingRecord: false}); }, async updateRecord(state, newRecord){ let response = await restClient.updateRecord(newRecord); if (response.error){ state.commit(\"setError\", response.error.response) } else { state.commit(\"setNewRecord\", response) } } }, getters: { getField: (state) =&gt; (fieldName) =&gt; { return state.currentRecord['fairsharingRecord'][fieldName]; }, getSection: (state) =&gt; (sectionName) =&gt; { return state.sections[sectionName]; }, getChanges: (state) =&gt; { let changes = {}; Object.keys(state.sections).forEach(section =&gt; { changes[section] = state.sections[section].changes }); return changes; }, getAllChanges: (state) =&gt; { let changes = 0; Object.keys(state.sections).forEach(section =&gt; { changes += state.sections[section].changes; }); return changes; }, getCreatingNewRecord: (state) =&gt; { return state.newRecord; }, getRecordType: (state) =&gt; { return state.sections['generalInformation'].initialData.type } } }; function prepareLicence(rawLicence){ let preparedLicence = { relation: rawLicence.relation }; preparedLicence.fairsharing_record_id = (rawLicence.fairsharingRecord) ? rawLicence.fairsharingRecord.id : rawLicence.fairsharing_record_id; if (rawLicence.id) preparedLicence.id = rawLicence.id; if (rawLicence.licence.id){ preparedLicence.licence_id = rawLicence.licence.id } else { preparedLicence.licence_attributes = rawLicence.licence; } return preparedLicence; } export default recordStore; × Search results Close "},"utils_recordTabUtils.js.html":{"id":"utils_recordTabUtils.js.html","title":"Source: utils/recordTabUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/recordTabUtils.js const recordTabUtils = { computed: { /** Fetch content related to each tab and feed search autocomplete*/ getValues() { let selectedTabKey = Object.keys(this.tabsData.tabs) return this.tabsData.tabs[selectedTabKey[this.tabsData.selectedTab]].data; }, /** Deactivate the section if none of the tabs hold data*/ tabsDataExist() { let inactiveTabs = true for (const [key] of Object.entries(this.filterList)) { if (this.filterList[key].data.length &gt;= 1) { inactiveTabs = false break } } return inactiveTabs }, /** Filter down list if search box value changes unless it returns the whole data in a list*/ filterList() { const _module = this // here I deep copied object so the references are gone and my object is a new object with unique reference const output = JSON.parse(JSON.stringify(_module.tabsData.tabs)); if (this.selectedValues !== null &amp;&amp; this.selectedValues !== \"\" &amp;&amp; this.selectedValues !== undefined) { let foundItem = output[Object.keys(_module.tabsData.tabs)[_module.tabsData.selectedTab]].data.find(item =&gt; item.name === _module.selectedValues) if (foundItem) { output[Object.keys(output)[_module.tabsData.selectedTab]].data = [] output[Object.keys(output)[_module.tabsData.selectedTab]].data.push(foundItem) } return output } return output } }, methods: { /** Combines associations and reserveAssociations into a single array and prepare the data for the search table */ /* * This results in a bit of a mess as it camouflages which direction a relationship goes. * TODO: Refactor, somehow. */ prepareAssociations(associations, reverseAssociations) { let _module = this; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel:[]}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = _module.cleanString(item.recordAssocLabel); object.recordAssociationLabel = _module.cleanString(item.recordAssocLabel) object.id = item[prop].id; object.registry = item[prop].registry; object.abbreviation = item[prop].abbreviation; object.type = item[prop].type; object.linkType = prop; object.name = item[prop].name; // Though both conditions are tested in Collections.spec.js, they don't register. /* istanbul ignore else */ if (prop === 'linkedRecord') { object.object = _module.currentRecord['fairsharingRecord'].name; object.subject = item[prop].name; } else if (prop === 'fairsharingRecord') { object.object = item[prop].name; object.subject = _module.currentRecord['fairsharingRecord'].name; } } }); recordAssociations.push(object); }); return recordAssociations; }, /** active the very first tab that contains at least one item */ getFirstActiveTab() { let firstActiveTabIndex = 0; let index = -1 for (const [key] of Object.entries(this.filterList)) { index++ if (this.filterList[key].data.length &gt;= 1) { firstActiveTabIndex = index break } } this.tabsData.selectedTab = firstActiveTabIndex } }, beforeMount() { this.prepareTabsData(); this.getFirstActiveTab(); } } export const prepareAssociations = (context, associations, reverseAssociations) =&gt; { let _module = context; let recordAssociations = [] let joinedArrays = associations.concat(reverseAssociations); const properties = ['fairsharingRecord', 'linkedRecord']; joinedArrays.forEach((item) =&gt; { let object = {recordAssocLabel: []}; properties.forEach(prop =&gt; { if (Object.prototype.hasOwnProperty.call(item, prop)) { object.recordAssocLabel[0] = item.recordAssocLabel; object.id = item[prop].id; object.registry = item[prop].registry; object.name = item[prop].name; object.abbreviation = item[prop].abbreviation; object.subject = _module.currentRecord['fairsharingRecord'].name; object.type = item[prop].type; object.linkType = prop; } }); recordAssociations.push(object); }); return recordAssociations; } export default recordTabUtils; × Search results Close "},"utils_advancedSearchUtils.js.html":{"id":"utils_advancedSearchUtils.js.html","title":"Source: utils/advancedSearchUtils.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import { uniqWith } from \"lodash\"; import { mapGetters } from \"vuex\"; /** * Removes duplicate values in a set and returns unique values * @returns {Array} Array with non-duplicate values */ const uniqueValues = (item) =&gt; { let merged = uniqWith(item, (pre, cur) =&gt; { if (pre.identifier === cur.identifier) { cur[\"value\"] = cur[\"value\"] + \",\" + pre[\"value\"]; //Combine string values from different text-fields in same set and convert in into array /*istanbul ignore else */ if (typeof cur[\"value\"] === \"string\") { cur[\"value\"] = cur[\"value\"].split(\",\"); } //Remove duplicates and create unique array cur[\"value\"] = [...new Set(cur[\"value\"])]; return true; } return false; }); return merged; }; /** * Removes an item from the array * @param item * @param arrayList * @returns {Array} - updated array without the item */ const removeItem = (item, arrayList) =&gt; { const index = arrayList.indexOf(item); if (index &gt;= 0) arrayList.splice(index, 1); }; /** * Mixin to filter the records types based on the registry * {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} * @param {String} registryname * @return {Array} - recordTypes filtered by registryname */ const recordTypes = { computed: { ...mapGetters(\"recordTypes\", [\"getRecordTypes\"]), }, methods: { filteredRecordTypes(registry) { let filteredRecordTypes = []; this.getRecordTypes.filter(({ name, fairsharingRegistry }) =&gt; { if (fairsharingRegistry[\"name\"] === registry) { filteredRecordTypes.push(name); } }); return filteredRecordTypes; }, }, }; export { recordTypes, removeItem, uniqueValues }; × Search results Close "},"global.html":{"id":"global.html","title":"Global","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Global Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"modules.list.html":{"id":"modules.list.html","title":"Modules","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Modules Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Classes Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespaces Classes ExternalRESTClients GraphQLClient RESTClient Namespaces Static Members &lt;constant&gt; buildFacets Given an object containing the raw facets coming from the client and a mapping object , build the ready to use facets for usage by the Vue components. Source: store/recordSearch.js, line 192 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 134 filtersStore :Object The searchFilters store trigger a single field query to searchFairsharingRecords, gets the aggregation array and builds the filtering system to be used by advanced search functions. Type: Object Source: store/searchFilters.js, line 112 introspectionStore :Object The introspection store is related to the introspection query that let us know which fields/types are allowed by the searchFairsharingRecords query Type: Object Source: store/introspector.js, line 107 &lt;constant&gt; paramsAreExpired Compares the given date with now and returns true if it greater than the given timer Source: store/introspector.js, line 154 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 21 &lt;constant&gt; recordTypes Mixin to filter the records types based on the registry {{computed: {getRecordTypes: Computed}, methods: {filteredRecordTypes(*): *[]}}} Source: utils/advancedSearchUtils.js, line 43 recordsStore :Object The records store handles the requests related to records (searchFairsharingRecords and fairsharingRecord). Type: Object Source: store/recordSearch.js, line 167 states :Object Type: Object Properties: Name Type Description errors String collects errors while introspecting. searchQueryParameters object filters query parameters object coming from API. Source: store/introspector.js, line 109 Methods hackSearch() Convert a prop from the old system into that used by the new. Useful when old search links have been deployed elsewhere in the internet or in print (as long as we know about them). Source: router/hackSearch.js, line 16 Returns: String - new form of the old prop hasValue(val) Assess if the string is of a certain value (useful to compare passwords) Parameters: Name Type Description val String the value to evaluate the string against Source: utils/rules.js, line 6 Returns: Type function isAllowedSize() Assess if the given file has the correct allowed size Source: utils/rules.js, line 119 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 37 Returns: Type function isEmail() Assess email patterns. Source: utils/rules.js, line 14 Returns: Type function isEmailOrUrl() Assess email or email patterns. Source: utils/rules.js, line 70 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 108 Returns: Type function isLongEnough(length) Assess if the string is long enough. Parameters: Name Type Description length Number the length to evaluate the string against. Source: utils/rules.js, line 84 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 25 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 96 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 50 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 58 Returns: Type function parseParam(param, paramVal) Given a type and a value, parse the value with the expected type. Parameters: Name Type Description param Object the parameter types allowed paramVal String the value to be parsed Source: store/introspector.js, line 137 Returns: paramVal - the parse value Type String | Number | Boolean Example Example usage of parseParam parseParam({name: \"Boolean\"}, \"true\"); // return True removeItem(item, arrayList) Removes an item from the array Parameters: Name Type Description item arrayList Source: utils/advancedSearchUtils.js, line 32 Returns: updated array without the item Type Array uniqueValues() Removes duplicate values in a set and returns unique values Source: utils/advancedSearchUtils.js, line 8 Returns: Array with non-duplicate values Type Array × Search results Close "},"index.html":{"id":"index.html","title":"Index","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. Compiles and hot-reloads for development npm run serve Test with vue-cli &amp; generate coverage npm run test:unit Generate the documentation locally npm run doc:full × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: ExternalRESTClients ExternalRESTClients new ExternalRESTClients() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/ExternalClients.js, line 9 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 82 Returns: Type Promise.&lt;*&gt; × Search results Close "},"GraphQLClient.html":{"id":"GraphQLClient.html","title":"Class: GraphQLClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: GraphQLClient GraphQLClient new GraphQLClient() The GraphQLClient retrieves data from the FAIRSharing API and sends it to the front-end. Be careful, this is a singleton and trying to cast new instances will return the existing instance. Be also careful, its constructor is async !! Source: lib/GraphClient/GraphClient.js, line 11 Returns: to use this object you need to do \"await new ClassName()\" or use .then(callback) Type Promise Methods buildQuery(query) Transform the JSON query into a string for graphQL Parameters: Name Type Description query Object the query coming from the JSON file Source: lib/GraphClient/GraphClient.js, line 59 Returns: {query: queryString} - a valid graphQL query string to execute Type Object &lt;async&gt; executeQuery(query) Execute the given query (coming from a json file, see /queries/getRecords.json) Parameters: Name Type Description query Object the query coming from the JSON file sending to the API. Source: lib/GraphClient/GraphClient.js, line 26 Returns: Type Promise &lt;async&gt; getData(queryString) Takes the query, post it with axios and returns the raw data Parameters: Name Type Description queryString Object processed request coming out of buildQuery() or a GraphQL query string Source: lib/GraphClient/GraphClient.js, line 43 Returns: an axios promise representing the server response. Type Promise setHeader(jwt) Add the authorization token to the headers Parameters: Name Type Description jwt String the user json web token Source: lib/GraphClient/GraphClient.js, line 133 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Class: RESTClient RESTClient new RESTClient() The RESTClient is a singleton class that handles the connection and data exchange from the back-end REST API. Source: lib/Client/RESTClient.js, line 9 Methods auth_headers(jwt) Method to add authorisation to the headers. Parameters: Name Type Description jwt the user's json web token Source: lib/Client/RESTClient.js, line 30 Returns: headers with authorisation field added Type JSON &lt;async&gt; canClaim(recordID, userToken) Determine if a user has permission to create a MaintenanceRequest for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 388 Returns: Type Promise &lt;async&gt; canEdit(recordID, userToken) Determine if a user has permission to edit this record. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 355 Returns: Type Promise &lt;async&gt; claimRecord(recordID, userToken) Attempt to create a MaintenanceRequest for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 371 Returns: Type Promise &lt;async&gt; confirmAccount(token) Validate the account given the corresponding token Parameters: Name Type Description token String the account token to validate Source: lib/Client/RESTClient.js, line 111 Returns: Type Promise &lt;async&gt; createAccount(userLogin) Method to create a new user Parameters: Name Type Description userLogin Object the user account to create Source: lib/Client/RESTClient.js, line 95 Returns: response - server response Type Promise &lt;async&gt; createGrant(grant, userToken) Create a given grant Parameters: Name Type Description grant Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 667 Returns: Type Promise &lt;async&gt; createLicenceLink(licenceLink, token) Create new a licence link Parameters: Name Type Description licenceLink Object the licence link to create token String the user token Source: lib/Client/RESTClient.js, line 486 Returns: Type Promise &lt;async&gt; createMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 862 Returns: Type Promise &lt;async&gt; createNewUserDefinedTag(term, token) Create a new user defined tag in the database for users to tag their records. Parameters: Name Type Description term String the string value of the term token String the user JWT Source: lib/Client/RESTClient.js, line 467 Returns: Type Promise &lt;async&gt; createOrganisation(organisation, userToken) Create a given organisation Parameters: Name Type Description organisation Object userToken String the user jwt Source: lib/Client/RESTClient.js, line 613 Returns: Type Promise &lt;async&gt; createOrganisationLink(organisationLink, userToken) Create a new link between an organisation, a record and an optional grant. Parameters: Name Type Description organisationLink Object the organisation link to create userToken String the user jwt Source: lib/Client/RESTClient.js, line 685 Returns: Type Promise &lt;async&gt; createRecord(record, jwt) Post the given object to the API to create the corresponding record. Parameters: Name Type Description record jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 321 Returns: Type Promise &lt;async&gt; delete(jwt) Delete the user's account (they must be logged in). Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 80 Returns: Type Promise &lt;async&gt; deleteLicenceLink(id, token) Delete the given licence Parameters: Name Type Description id Number id of the licence link to delete token String the user token Source: lib/Client/RESTClient.js, line 504 Returns: Type Promise &lt;async&gt; deleteMessage(messageId, userToken) Update the given message Parameters: Name Type Description messageId String the ID of the message to delete userToken String the user jwt Source: lib/Client/RESTClient.js, line 879 Returns: Type Promise &lt;async&gt; deleteOrganisation(organisationId, userToken) Delete the given organisation link Parameters: Name Type Description organisationId Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 650 Returns: Type Promise &lt;async&gt; deleteOrganisationLink(linkID, userToken) Delete the given organisation link Parameters: Name Type Description linkID Number the id of the link to remove userToken String the user jwt Source: lib/Client/RESTClient.js, line 722 Returns: Type Promise &lt;async&gt; deletePublicUser(userID, jwt) Delete the user Parameters: Name Type Description userID jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 289 Returns: Type Promise &lt;async&gt; deleteRecord(id, token) Delete Record Parameters: Name Type Description id Number id of the record link to delete token String the user token Source: lib/Client/RESTClient.js, line 780 Returns: Type Promise &lt;async&gt; deleteRelations(options) Deletes the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 588 Returns: Type Promise &lt;async&gt; editOrganisation(organisation, id, userToken) Edit a given organisation Parameters: Name Type Description organisation Object id Number userToken String the user jwt Source: lib/Client/RESTClient.js, line 632 Returns: Type Promise &lt;async&gt; editPublicUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 273 Returns: Type Promise &lt;async&gt; editUser(newUser, jwt) Edit the current logged in user profile Parameters: Name Type Description newUser Object the new values for the logged in user jwt String JWT of the logged in user Source: lib/Client/RESTClient.js, line 257 Returns: Type Promise &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/RESTClient.js, line 896 Returns: Type Promise.&lt;*&gt; &lt;async&gt; extraMetadataFields(type, userToken) Get the extra metadata fields for a RecordType Parameters: Name Type Description type String name of the record type. userToken String the user jwt Source: lib/Client/RESTClient.js, line 739 Returns: Type Promise &lt;async&gt; getEditByMonth(token) Get count of edits by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 941 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1006 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 810 Returns: Type Promise &lt;async&gt; getPublicUser(jwt, id) Get the current user data Parameters: Name Type Description jwt id Source: lib/Client/RESTClient.js, line 226 Returns: Type Promise &lt;async&gt; getRecordCreatedByMonth(token) Get count of records created by month Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 925 Returns: Type Promise &lt;async&gt; getRecordsWoDOIs(token) Get records without DOIS Parameters: Name Type Description token String the user token that needs to be a curator Source: lib/Client/RESTClient.js, line 909 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 992 Returns: Type Promise &lt;async&gt; getUser(jwt) Get the current user data Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 210 Returns: Type Promise &lt;async&gt; getUsersList(jwt) Get all users list Parameters: Name Type Description jwt Source: lib/Client/RESTClient.js, line 241 Returns: Type Promise &lt;async&gt; getZenodoSearch(call, userToken) Get Zenodo call Parameters: Name Type Description call String userToken String the user jwt Source: lib/Client/RESTClient.js, line 957 Returns: Type Promise &lt;async&gt; login(username, password) Method to log in the user Parameters: Name Type Description username name of the user password password of the user Source: lib/Client/RESTClient.js, line 42 Returns: the response of the server Type Promise &lt;async&gt; logout(jwt) Logout the user from the back, expiring the current jwt. Parameters: Name Type Description jwt String the user token to expire. Source: lib/Client/RESTClient.js, line 65 Returns: Type Promise &lt;async&gt; requestResetPwd(email) Method to send a reset password link to the given email address Parameters: Name Type Description email String to send the link to Source: lib/Client/RESTClient.js, line 126 Returns: Type Promise &lt;async&gt; resendConfirmation(user) Resend the validation link for a given user Parameters: Name Type Description user Object contains the email of the user. Source: lib/Client/RESTClient.js, line 144 Returns: Type Promise &lt;async&gt; resetPassword(user) Reset the password of the given user Parameters: Name Type Description user Object contains the new pwd, repeated pwd and token. Source: lib/Client/RESTClient.js, line 160 Returns: Type Promise &lt;async&gt; resetPasswordWithoutToken(jwt, user) Changes the password of the logged in user Parameters: Name Type Description jwt String the user token user Object contains the current, new and repeated new password Source: lib/Client/RESTClient.js, line 177 Returns: Type Promise &lt;async&gt; reviewRecord(recordID, userToken) Attempt to create a RecordReview for a user for a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 448 Returns: Type Promise &lt;async&gt; saveRelations(options) Saves the relationships as an array of items containing a targetID, a sourceID and a labelID Parameters: Name Type Description options Object the options to pass as {token: String, relations: Array} Source: lib/Client/RESTClient.js, line 565 Returns: Type Promise &lt;async&gt; sendOrcidVerification(user) Send the verification link for a given user Parameters: Name Type Description user Object contains the email, uid, identifier of the user. Source: lib/Client/RESTClient.js, line 1021 Returns: Type Promise &lt;async&gt; updateLicenceLink(licenceLink, token) Update the licenceLink Parameters: Name Type Description licenceLink Object the new values for the licence link token String the user token Source: lib/Client/RESTClient.js, line 521 Returns: Type Promise &lt;async&gt; updateMessage(message, userToken) Update the given message Parameters: Name Type Description message Object the message to update containing the ID to target and the new values userToken String the user jwt Source: lib/Client/RESTClient.js, line 845 Returns: Type Promise &lt;async&gt; updateOrganisationLink(organisationLink, linkID, userToken) Update the organisationLink given from linkID input with the given organisationLink Parameters: Name Type Description organisationLink Object the new organisation link value linkID Number ID of the organisationLink to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 704 Returns: Type Promise &lt;async&gt; updateRecord(record) Update the given record Parameters: Name Type Description record Object the record to update containing the ID to target, the new values and the user token Source: lib/Client/RESTClient.js, line 338 Returns: Type Promise &lt;async&gt; updateStatusMaintenanceRequest(maintenanceRequest, newStatus, userToken) Update the maintenanceRequest given the new status value Parameters: Name Type Description maintenanceRequest Number ID of the maintenanceRequest to update newStatus string new status to update userToken String the user jwt Source: lib/Client/RESTClient.js, line 758 Returns: Type Promise &lt;async&gt; validateToken(jwt) Verify that the given JWT is still valid Parameters: Name Type Description jwt String the token to validate Source: lib/Client/RESTClient.js, line 303 Returns: Type Promise &lt;async&gt; verifyPassword(password) Verify the validity of the given password Parameters: Name Type Description password String the password to test Source: lib/Client/RESTClient.js, line 193 Returns: Type Promise × Search results Close "},"Static.html":{"id":"Static.html","title":"Namespace: Static","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Namespace: Static Static All static pages will be handle through this namespace Source: views/Static/Community/Community.vue, line 2 Members Community :module This component handles the sign-up/register page Type: module Source: views/Static/Community/Community.vue, line 11 Timeline :module This component handles the sign-up/register page Type: module Source: views/Static/Timeline/Timeline.vue, line 2 × Search results Close "},"module-Home.html":{"id":"module-Home.html","title":"Module: Home","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 15 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Login This component handles the login page Source: views/Users/Login/Login.vue, line 11 × Search results Close "},"module-NewRecord.html":{"id":"module-NewRecord.html","title":"Module: NewRecord","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: NewRecord Component to generate the new record page and its buttons to redirect to new collection, standard, policy and database Source: views/CreateRecord/NewRecord.vue, line 16 × Search results Close "},"module-Pagination.html":{"id":"module-Pagination.html","title":"Module: Pagination","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Pagination Component to handle the advanced search filters for the searchFairsharingRecords query. Props Name Type Default value Required? Description totalPages Number 0 No the total number of pages to display Data Name Type Default value Description currentQuery Number null the current page number Methods disableThrottle(disable) Set the environment ready for testing or development Parameters: Name Type Description disable Boolean should disable or not the throttle for the next call Source: components/Records/Search/Header/Pagination.vue, line 102 paginate(pageNumber) Set the current query page parameter value to the given input for vueJs router Parameters: Name Type Description pageNumber Number the page to go to Source: components/Records/Search/Header/Pagination.vue, line 73 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Signup This component handles the sign-up/register page Source: views/Users/Signup.vue, line 6 × Search results Close "},"module-User.html":{"id":"module-User.html","title":"Module: User","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: User Data Name Type Default value Description hideFields Object - an array of field to NOT display × Search results Close "}}
     </script>
 
     <script type="text/javascript">
diff --git a/documentation/html/router_hackSearch.js.html b/documentation/html/router_hackSearch.js.html
index c5acff8dc2..b37a1b3aa4 100644
--- a/documentation/html/router_hackSearch.js.html
+++ b/documentation/html/router_hackSearch.js.html
@@ -213,7 +213,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_introspector.js.html b/documentation/html/store_introspector.js.html
index c4b9035181..4460501372 100644
--- a/documentation/html/store_introspector.js.html
+++ b/documentation/html/store_introspector.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordData.js.html b/documentation/html/store_recordData.js.html
index 5ef2f8524e..3ebc1c0154 100644
--- a/documentation/html/store_recordData.js.html
+++ b/documentation/html/store_recordData.js.html
@@ -771,7 +771,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_recordSearch.js.html b/documentation/html/store_recordSearch.js.html
index 1931821a71..f237f84c65 100644
--- a/documentation/html/store_recordSearch.js.html
+++ b/documentation/html/store_recordSearch.js.html
@@ -345,7 +345,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/store_searchFilters.js.html b/documentation/html/store_searchFilters.js.html
index fe7d7caabf..32e997dadf 100644
--- a/documentation/html/store_searchFilters.js.html
+++ b/documentation/html/store_searchFilters.js.html
@@ -295,7 +295,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_advancedSearchUtils.js.html b/documentation/html/utils_advancedSearchUtils.js.html
index 5f49508c44..1378166d9d 100644
--- a/documentation/html/utils_advancedSearchUtils.js.html
+++ b/documentation/html/utils_advancedSearchUtils.js.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_recordTabUtils.js.html b/documentation/html/utils_recordTabUtils.js.html
index 6afd966d06..a43a293cdf 100644
--- a/documentation/html/utils_recordTabUtils.js.html
+++ b/documentation/html/utils_recordTabUtils.js.html
@@ -257,7 +257,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/utils_rules.js.html b/documentation/html/utils_rules.js.html
index 63afd9b6df..06de06ddfd 100644
--- a/documentation/html/utils_rules.js.html
+++ b/documentation/html/utils_rules.js.html
@@ -273,7 +273,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
index 9d6f907c46..f9c34f97fb 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchResultTable.vue.html
@@ -119,6 +119,11 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       &lt;/v-btn>
       &lt;SaveSearchButton />
     &lt;/div>
+    &lt;h4
+      v-if="searchingCollection"
+    >
+      You are currently searching the within the collection &lt;b>{{ currentRecord.fairsharingRecord.name }}&lt;/b>.
+    &lt;/h4>
     &lt;p class="body-2 mb-0 mt-4">
       &lt;v-icon
         x-small
@@ -257,7 +262,7 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
   &lt;/div>
 &lt;/template>
 &lt;script>
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 import SaveSearchButton from "@/components/Records/Search/SaveSearch/SaveSearchButton.vue";
 import RecordStatus from "@/components/Records/Shared/RecordStatus.vue";
@@ -288,6 +293,8 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
       "getErrorStatus",
       "getAdvancedSearchQuery",
     ]),
+    ...mapGetters("records", ["getCollectionIdsParams"]),
+    ...mapState("record", ["currentRecord"]),
     noFooter() {
       return (
         Array.isArray(this.getAdvancedSearchResponse) &amp;&amp;
@@ -404,6 +411,14 @@ <h1 class="page-title">Source: views/AdvancedSearch/AdvancedSearchResultTable.vu
         ? record["publications"].length
         : 0;
     },
+    searchingCollection() {
+      if (this.getCollectionIdsParams.length > 0 &amp;&amp;
+        this.currentRecord.fairsharingRecord  &amp;&amp;
+        this.currentRecord.fairsharingRecord.type === 'collection' ) {
+        return true;
+      }
+      return false;
+    }
   },
 };
 &lt;/script>
@@ -467,7 +482,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
index 82980431a9..218f9ac25c 100644
--- a/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
+++ b/documentation/html/views_AdvancedSearch_AdvancedSearchSelection.vue.html
@@ -376,7 +376,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_CreateRecord_NewRecord.vue.html b/documentation/html/views_CreateRecord_NewRecord.vue.html
index 7d4d823658..5754f3648c 100644
--- a/documentation/html/views_CreateRecord_NewRecord.vue.html
+++ b/documentation/html/views_CreateRecord_NewRecord.vue.html
@@ -416,7 +416,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Home_Home.vue.html b/documentation/html/views_Home_Home.vue.html
index c57005c590..5c995adae5 100644
--- a/documentation/html/views_Home_Home.vue.html
+++ b/documentation/html/views_Home_Home.vue.html
@@ -196,7 +196,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Organisations_Organisation.vue.html b/documentation/html/views_Organisations_Organisation.vue.html
index 758dc83f0a..962e0b7907 100644
--- a/documentation/html/views_Organisations_Organisation.vue.html
+++ b/documentation/html/views_Organisations_Organisation.vue.html
@@ -957,7 +957,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Record.vue.html b/documentation/html/views_Records_Record.vue.html
index 1d52541f0a..0c43483739 100644
--- a/documentation/html/views_Records_Record.vue.html
+++ b/documentation/html/views_Records_Record.vue.html
@@ -644,7 +644,7 @@ <h1 class="page-title">Source: views/Records/Record.vue</h1>
     }
   },
   destroyed() {
-    // minor change in the y axis can fix a serious bug after going back to records..
+    // minor change in the y axis can fix a serious bug after going back to records.
     this.$scrollTo('body',5,{})
   },
   async mounted() {
@@ -1344,7 +1344,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Records_Records.vue.html b/documentation/html/views_Records_Records.vue.html
index 0a548907b8..12f18a3919 100644
--- a/documentation/html/views_Records_Records.vue.html
+++ b/documentation/html/views_Records_Records.vue.html
@@ -468,7 +468,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 78d8cf3fc3..d74353eb33 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -935,7 +935,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Static_Timeline_Timeline.vue.html b/documentation/html/views_Static_Timeline_Timeline.vue.html
index 0ee3359d7d..8b48c4e4fd 100644
--- a/documentation/html/views_Static_Timeline_Timeline.vue.html
+++ b/documentation/html/views_Static_Timeline_Timeline.vue.html
@@ -154,7 +154,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Login_Login.vue.html b/documentation/html/views_Users_Login_Login.vue.html
index 7b98728461..a9912ef4d5 100644
--- a/documentation/html/views_Users_Login_Login.vue.html
+++ b/documentation/html/views_Users_Login_Login.vue.html
@@ -430,7 +430,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>
diff --git a/documentation/html/views_Users_Signup.vue.html b/documentation/html/views_Users_Signup.vue.html
index 026a6d7a65..b849264604 100644
--- a/documentation/html/views_Users_Signup.vue.html
+++ b/documentation/html/views_Users_Signup.vue.html
@@ -150,7 +150,7 @@ <h4 class="modal-title">Search results</h4>
 <span class="jsdoc-message">
 	Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a>
 	
-		on Thu Jul 17th 2025
+		on Fri Jul 18th 2025
 	
 	using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
 </span>