From 2a12aac402b56992f84e9ac77e3692b4e43c67e3 Mon Sep 17 00:00:00 2001
From: prakhyatox <prakhyat.gailani@eng.ox.ac.uk>
Date: Tue, 14 Jul 2026 14:58:17 +0100
Subject: [PATCH 1/5] adding trailingSlash: false property in +config.js

---
 src/pages/+config.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/+config.js b/src/pages/+config.js
index 52bd25689..cc324e2e2 100644
--- a/src/pages/+config.js
+++ b/src/pages/+config.js
@@ -7,11 +7,10 @@ export default {
   ssr: true,
   prerender: {
     partial: true,
-    trailingSlash: false,
-    disableUrlNormalization: true,
     parallel: false, // Disables multi-threaded race conditions
     keepDistServer: true, // Prevents Vike from deleting dist/server/ mid-build
   },
+  trailingSlash: false,
   hooksTimeout: false,
   favicon: "/assets/favicon.ico",
   title: "FAIRsharing",

From 054899f0f5b3393a3db0ea7e0be7fbb9b32012e1 Mon Sep 17 00:00:00 2001
From: prakhyatox <109139583+prakhyatox@users.noreply.github.com>
Date: Tue, 14 Jul 2026 13:59:00 +0000
Subject: [PATCH 2/5] docs: autogenerated documentation files

---
 documentation/html/quicksearch.html                          | 2 +-
 documentation/html/views_Static_Community_Community.vue.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/documentation/html/quicksearch.html b/documentation/html/quicksearch.html
index 2549268e0..c101744fc 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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.baseUrl = import.meta.env.VITE_API_ENDPOINT; 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) { // Point this to your Rails backend route instead of dx.doi.org. // Ensure the route matches your setup (e.g., it might be '/api/zenodo' or '/zenodo') let user = JSON.parse(localStorage.getItem(\"user\")); let token; if (user) { token = user.credentials.token; } const targetUrl = `${this.baseUrl}/zenodo?doi=${encodeURIComponent(doi)}`; const request = { url: targetUrl, headers: { Accept: \"application/json\", Authorization: `Bearer ${token}`, }, }; 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 { const response = await axios.get(query.url, { headers: query.headers }); // Check if we got HTML instead of JSON const contentType = response.headers[\"content-type\"] || \"\"; if (contentType.includes(\"text/html\")) { throw new Error( \"Expected JSON but received HTML (Website instead of API)\", ); } // Check if the data is empty or generic error-like HTML if (!response.data || response.data.length === 0) { throw new Error(\"No data returned from the source\"); } return response; } catch (e) { // This will now catch both Network/CORS errors AND the manual HTML error above return { data: { error: e.message || e, isError: true, }, }; } } } 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js import axios from \"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 = import.meta.env.VITE_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\"] = import.meta.env.VITE_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_GraphClient_GraphClientSEO.js.html":{"id":"lib_GraphClient_GraphClientSEO.js.html","title":"Source: lib/GraphClient/GraphClientSEO.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClientSEO.js import axios from \"axios\"; import Fragments from \"./queries/fragments/fragments.json\" with { type: \"json\" }; class GraphQLClientSEO { constructor() { //If an instance already exists, return it immediately without altering state if (GraphQLClientSEO._instance) { return GraphQLClientSEO._instance; } // Otherwise, this is the true first initialization this.initalizeHeader(); // Ensure we handle trailing/missing slashes cleanly const baseEndpoint = process.env.VITE_API_ENDPOINT; this.url = `${baseEndpoint.replace(/\\/$/, \"\")}/graphql`; GraphQLClientSEO._instance = this; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * @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, posts it with axios, and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() * @returns {Promise} */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", url: client.url, //Use 'url' instead of 'baseURL' so the exact path is targeted cleanly 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 {String} */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; 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\") { const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else 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 += \")\"; } 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\", // Disguise Axios as a standard Chrome web browser to bypass WAF blocks \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36\", // Force standard compression formats \"Accept-Encoding\": \"gzip, deflate\", }; const clientId = process.env.VITE_CLIENT_ID; if (clientId) { this.headers[\"X-Client-Id\"] = clientId; } } } export default GraphQLClientSEO; × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 = import.meta.env.VITE_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = import.meta.env.VITE_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). 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! 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). 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; } 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 */ 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 */ 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 */ 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; } /** * Create processing note of the given record * @param noteText {String} Processing Notes * @param recordId {Number} FAIRsharing record Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async createProcessingNotes(noteText, recordId, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/processing_notes/\", headers: this.auth_headers(jwt), data: { processing_note: { note: noteText, fairsharing_record_id: recordId, }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Update processing note of the given record * @param noteId {Number} Processing Note Id * @param noteText {String} Processing Notes * @param recordId {Number} FAIRsharing record Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async updateProcessingNotes(noteId, noteText, recordId, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/processing_notes/\" + noteId, headers: this.auth_headers(jwt), data: { processing_note: { note: noteText, fairsharing_record_id: recordId, }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete processing note of the given record * @param noteId {Number} Processing Note Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async deleteProcessingNote(noteId, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/processing_notes/\" + noteId, headers: this.auth_headers(jwt), }; return await this.executeQuery(request); } } 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss ? 'pa-15 mb-10' : ''\"&gt; &lt;!-- main_title_2 --&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 class=\"underline-effect\" href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" &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 class=\"underline-effect\" href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" &gt;FAIRsharing record&lt;/a &gt;, or our &lt;a class=\"underline-effect\" href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" &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\" lg=\"4\" md=\"4\" sm=\"12\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" height=\"300\" max-width=\"350\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"text-white d-flex flex-column justify-center block-category__card__gradient\" &gt; &lt;div class=\"d-flex justify-center align-center\" style=\"height: 136px\" &gt; &lt;v-icon color=\"white\" size=\"80\" style=\"opacity: 0.7\"&gt; {{ customIcons.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\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#funders'\" style=\"color: white\" to=\"#funders\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#publishers'\" style=\"color: white\" to=\"#publishers\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#organisations'\" style=\"color: white\" to=\"#organisations\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#tools'\" style=\"color: white\" to=\"#tools\"&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.display.xl }, ]\" &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\" :class=\"[ 'pa-5 links', { 'max-width-32-percent': $vuetify.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &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.display.xl }, ]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i v-safe-html=\"item.text\" :class=\"[ 'mb-0 word-break lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.xl }, ]\" &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\" :class=\"[ 'pa-5 links', { 'max-width-32-percent': $vuetify.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &gt; &lt;v-img v-if=\"item.image\" :src=\"assetPath(item.image)\" class=\"contain\" height=\"120\" max-height=\"250px\" max-width=\"250px\" 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.display.xl }, ]\" &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.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &gt; &lt;v-img v-if=\"item.image\" :src=\"assetPath(item.image)\" class=\"contain\" height=\"120\" max-height=\"250px\" max-width=\"250px\" 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.display.xl }, ]\" &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\" lg=\"3\" md=\"4\" sm=\"12\" 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' \" aspect-ratio=\"1\" class=\"text-white align-end\" cover gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" target=\"_blank\"&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 :style=\" $vuetify.display.xl ? 'height: 320px' : $vuetify.display.mdAndUp ? 'height: 350px' : 'height: 100%' \" class=\"text--primary\" style=\"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\" location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;a :href=\"orgUrl(org)\" class=\"d-inline-block\" v-bind=\"props\" &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=\"orgUrl(org)\" 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\" size=\"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\" size=\"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\" size=\"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;!--Commenting activities section as per ticket https://github.com/FAIRsharing/fairsharing.github.io/issues/2812 --&gt; &lt;!-- Activities --&gt; &lt;!-- &lt;section id=\"activities\"&gt;--&gt; &lt;!-- &lt;h3 class=\"text-h4 my-4\"&gt;Activities&lt;/h3&gt;--&gt; &lt;!-- &lt;p--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- FAIRsharing is not just a registry. The team behind FAIRsharing is--&gt; &lt;!-- involved in a number of FAIR-enabling activities, delivering guidance,--&gt; &lt;!-- tools and services with and for a variety of stakeholders. As these--&gt; &lt;!-- activities mature, we will implement or connect them in/to the--&gt; &lt;!-- FAIRsharing resource itself.--&gt; &lt;!-- &lt;/p&gt;--&gt; &lt;!-- &lt;p--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- Some of these activities are part of funded projects and of national or--&gt; &lt;!-- international consortia, while others are volunteer efforts that fall--&gt; &lt;!-- under a variety of umbrella organisations, such as working groups (WG)--&gt; &lt;!-- and learned societies.--&gt; &lt;!-- &lt;/p&gt;--&gt; &lt;!-- &lt;b--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- Our activities are classified using the three GO-FAIR pillar structures--&gt; &lt;!-- (change, build, train) and are outlined here.--&gt; &lt;!-- &lt;/b&gt;--&gt; &lt;!-- &amp;lt;!&amp;ndash;Activities table&amp;ndash;&amp;gt;--&gt; &lt;!-- &amp;lt;!&amp;ndash; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt;&amp;ndash;&amp;gt;--&gt; &lt;!-- &lt;/section&gt;--&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4 mt-10\"&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 v-safe-html=\"meettheteam.description\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.mdAndDown ? 'mx-auto' : '', ]\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"assetPath(profileItem.profileImg)\" style=\"filter: grayscale(1)\" /&gt; &lt;/v-avatar&gt; &lt;p v-safe-html=\"profileItem.name\" class=\"text-center text-primary lato-font-bold mt-2 ma-0\" style=\" font-size: 1.5rem; min-height: 80px; display: flex; flex-direction: column; \" /&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 :href=\" socialItem.link.includes('@') ? `mailto:${socialItem.link}` : socialItem.link \" class=\"pr-2\" target=\"_blank\" &gt; &lt;Icon :item=\"socialItem.icon\" class=\"mr-1\" 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 v-safe-html=\"itemText.text\" class=\"ma-1\" /&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.display.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.display.lgAndUp, }, ]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\"&gt; &lt;p v-safe-html=\"itemData.text\" class=\"ma-0\" /&gt; &lt;a v-if=\"itemData.link\" :href=\" itemData.link.toString().includes('@') ? `mailto:${itemData.link}` : itemData.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"itemDataArray.text\" class=\"ma-0\" /&gt; &lt;a :href=\" itemDataArray.link.toString().includes('@') ? `mailto:${itemDataArray.link}` : itemDataArray.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"rda.description\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.mdAndUp }]\"&gt; &lt;li v-for=\"(itemData, itemDataIndex) in item.data\" :key=\"itemData + '_' + itemDataIndex\" :class=\"['mb-1', { 'd-flex': $vuetify.display.lgAndUp }]\" &gt; &lt;div class=\"d-flex mb-2\"&gt; &lt;p v-safe-html=\"itemData.text\" class=\"ma-0\" /&gt; &lt;a v-if=\"itemData.link\" :href=\" itemData.link.toString().includes('@') ? `mailto:${itemData.link}` : itemData.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"item.data\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.xl }, ]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\"&gt; &lt;img height=\"27px\" src=\"/assets/icons/zulip-icon.png\" width=\"27px\" /&gt; &lt;/a&gt; We'd like to thank &lt;a class=\"underline-effect\" href=\"https://zulip.com/\" target=\"_blank\" &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;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import { isArray } from \"lodash-es\"; import Icon from \"@/components/Icon\"; // import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\"; import customIcons from \"@/plugins/icons\"; const handleScroll = () =&gt; { // Check if we are at the top // Only run this if there is actually a hash to remove if (window.scrollY &lt; 2 &amp;&amp; window.location.hash) { // We use replaceState so we don't clutter the history stack history.replaceState(history.state, null, window.location.pathname); } }; /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: { Icon }, 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, customIcons: customIcons, }; }, 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; }); }, mounted() { window.addEventListener(\"scroll\", handleScroll); }, unmounted() { //CRITICAL: If you skip this, the event listener keeps running forever in the background! window.removeEventListener(\"scroll\", handleScroll); }, methods: { jumpToAnchor(selectedAnchor) { let anchorElement = document.getElementById(selectedAnchor); if (selectedAnchor !== this.currentAnchor) { anchorElement.scrollIntoView({ behavior: \"smooth\", block: \"start\" }); history.pushState(null, null, `#${selectedAnchor}`); this.currentAnchor = selectedAnchor; } }, isArray(input) { return isArray(input); }, orgUrl(org) { if (org.id) { return `/organisations/${org.id}`; } else { return org.url; } }, assetPath(path) { if (!path) { return \"\"; } return path.startsWith(\"/\") ? path : `/${path.replace(/^\\.?\\//, \"\")}`; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all 0.2ms ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, 0.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\"); if (Object.keys(params).length &gt; 0) { // attempt to fix single fields with brackets, as per: // https://github.com/FAIRsharing/fairsharing.github.io/issues/2648 Object.keys(params).forEach((key) =&gt; { if ( String(params[key]).includes(\"(\") || String(params[key]).includes(\")\") ) { params[key] = [params[key]]; } }); // params['q'] needs to be sanitised here. 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import { isEqual } from \"lodash-es\"; 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; { if (state.filtersStatistic &amp;&amp; state.filtersStatistic[option.filterName]) { const targetBucket = state.filtersStatistic[ option.filterName ].buckets.find((item) =&gt; item.key === option.key); return targetBucket ? targetBucket.doc_count : 0; } return 0; }, }; /** * 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from \"lodash-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :model-value=\"dialog\" :retain-focus=\"false\" fullscreen persistent @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div :class=\"{ 'flex-column align-end': $vuetify.display.smAndDown, }\" class=\"d-flex pt-6 px-6 justify-space-between\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\"&gt; &lt;v-btn icon @click=\"closeDialog()\"&gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"40\" /&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link :class=\"{ 'mt-n15 mx-auto': $vuetify.display.smAndDown, }\" class=\"mt-n5 order-md-1\" to=\"/\" &gt; &lt;img alt=\"FAIRsharing logo\" src=\"/assets/fairsharing-logo.svg\" @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=\"text-primary\"&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 class=\"text-decoration-underline\" href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt;gitbook documentation &lt;v-icon size=\"x-small\"&gt; {{ \"fas 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 align-center\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"text-black\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5 full-width\" clearable hide-details label=\"Add Search text\" variant=\"outlined\" @update:model-value=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else :model-value=\"updatedAdvancedSearchText\" class=\"text-h5 full-width\" clearable hide-details label=\"Add Search text\" variant=\"outlined\" @update:model-value=\"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=\"{ 'flex-column align-center': $vuetify.display.smAndDown, }\" class=\"px-6 justify-space-between\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.display.smAndDown ? '100%' : '250'\" class=\"text-white order-md-2 bg-green\" elevation=\"2\" variant=\"text\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn :width=\"$vuetify.display.smAndDown ? '100%' : '250'\" class=\"order-md-1 ml-0 bg-accent3\" elevation=\"2\" variant=\"text\" @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, isObject } from \"lodash-es\"; 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 { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, emits: [\"clearSearchField\"], 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 &amp;&amp; this.$refs.inputRef !== null ) { 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\") { this.$store.commit(\"advancedSearch/setAdvancedSearchDialogStatus\", true); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.$store.commit(\"advancedSearch/setEditDialogStatus\", false); this.$store.commit(\"advancedSearch/setAdvancedSearchDialogStatus\", false); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } this.dialog = false; }, 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); } //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); this.closeDialog(); }, /** * 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\"])) { let valuesArr = []; params[\"value\"].forEach((item) =&gt; { if (isObject(item)) { valuesArr.push(item.value); } else { valuesArr.push(item); } }); this.queryString += valuesArr.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" class=\"pa-0\" fluid&gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else class=\"pa-5 mb-15\"&gt; &lt;div :class=\"$vuetify.display.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column'\" data-test=\"action-wrapper\" &gt; &lt;v-btn class=\"mb-2 font-12\" color=\"primary\" size=\"small\" @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"text-body-2 mb-0 mt-4\"&gt; &lt;v-icon class=\"mr-1\" size=\"small\"&gt; fas fa-info-circle&lt;/v-icon&gt; Find out more about our Advanced Search in our &lt;a class=\"text-decoration-underline\" href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt;gitbook documentation&lt;/a &gt; &lt;v-icon size=\"x-small\"&gt; fas fa-link&lt;/v-icon&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page=\"itemsPerPage\" :loading=\"getLoadingStatus\" :page=\"page\" :search=\"search\" :sort-by=\"sortData\" multi-sort &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-table-footer v-if=\"!noPagination\" :options=\"options\" :pagination=\"pagination\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar class=\"mb-5 px-4 py-1\" color=\"blue-lighten-1\" dark&gt; &lt;v-text-field :model-value=\"search\" clearable flat hide-details label=\"Filter these results\" prepend-inner-icon=\"fas fa-solid fa-filter\" variant=\"solo\" width=\"125\" @update:model-value=\"search = $event\" /&gt; &lt;template v-if=\"$vuetify.display.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" :items=\"keys\" flat hide-details label=\"Sort by\" prepend-inner-icon=\"fas fa-solid fa-arrow-up-short-wide\" variant=\"solo\" width=\"125\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle :model-value=\"sortDesc\" mandatory @update:model-value=\"sortDesc = $event\" &gt; &lt;v-btn :value=\"false\" color=\"blue\" size=\"large\" variant=\"flat\"&gt; &lt;v-icon icon=\"fas fa-solid fa-arrow-up\" /&gt; &lt;/v-btn&gt; &lt;v-btn :value=\"true\" color=\"blue\" size=\"large\" variant=\"flat\"&gt; &lt;v-icon icon=\"fas fa-solid fa-arrow-down\" /&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=\"{ items }\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in items\" :key=\"item.raw.name\" cols=\"12\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-title-1 font-weight-bold d-flex align-center\" &gt; &lt;RecordStatus :record=\"item.raw\" /&gt; &lt;a :href=\"fairSharingURL + getRecordLink(item.raw)\" class=\"ml-10\" style=\"white-space: normal\" target=\"_blank\" &gt; {{ item.raw.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.raw.description }} &lt;/p&gt; &lt;TagChips :record=\"item.raw\" 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;!-- footer start --&gt; &lt;template v-if=\"!noPagination\" #footer=\"{ pagination, options, updateOptions }\" &gt; &lt;v-data-table-footer :options=\"options\" :pagination=\"pagination\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;/template&gt; &lt;!-- footer ends --&gt; &lt;template #no-data&gt; No results found.&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 recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, ErrorPage, TagChips, 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: import.meta.env.VITE_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), // When there is no data in the table, hide pagination noPagination() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, sortData() { switch (this.sortBy) { case \"Name\": return [{ key: \"name\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Registry\": return [{ key: \"registry\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Type\": return [{ key: \"type\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Status\": return [{ key: \"status\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Description\": return [ { key: \"description\", order: this.sortDesc ? \"desc\" : \"asc\" }, ]; default: return [{ key: \"name\", order: this.sortDesc ? \"desc\" : \"asc\" }]; } }, }, 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 this.$store.commit(\"advancedSearch/setAdvancedSearch\", searchQuery); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search this.$store.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; .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.display.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" elevation=\"3\" &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\" label variant=\"flat\" &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 bg-primary px-3 py-1 text-white 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;span v-safe-html=\"printSelectionValues(key, value)\" /&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" size=\"small\" variant=\"outlined\" &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip class=\"parentOperatorChip text-uppercase font-weight-medium\" color=\"accent2\" variant=\"flat\" &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 lang=\"scss\" scoped&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; overflow-y: scroll; } .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; padding: 0 22%; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-of-type { .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template&gt; &lt;v-card v-if=\"!tabsDataExist\" :color=\"backColor\" border class=\"pa-4 d-flex flex-column overflow-initial\" elevation=\"3\" tile &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\" :menu-props=\"{ attach: true }\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" clearable density=\"compact\" item-title=\"name\" item-value=\"name\" prepend-inner-icon=\"fas fa-search\" style=\"z-index: 2\" variant=\"solo\" &gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list class=\"cursor-pointer pl-5 item-name\"&gt; &lt;div v-bind=\"props\"&gt; &lt;span&gt; {{ item.raw.name }} &lt;/span&gt; &lt;/div&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :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 \" :show-arrows=\"$vuetify.display.mdAndDown\" bg-color=\"transparent\" class=\"mb-5\" color=\"accent3\" grow slider-color=\"accent3\" &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 \" @group:selected=\"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-window v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent', tabsDataExist]\" &gt; &lt;v-tabs-window-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\" class=\"ma-4 overflow-x-hidden\" height=\"400\" item-height=\"130\" &gt; &lt;template #default=\"{ item, index }\"&gt; &lt;router-link :to=\"'/' + item.id\" @click=\"() =&gt; $scrollTo('body', 0, {})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat &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=\"text-grey relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ item.object }} &lt;v-tooltip location=\"top\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span class=\"text-red mouse-info\" v-bind=\"props\"&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-tabs-window-item&gt; &lt;/v-tabs-window&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; } }); } else { /* * Here, only incoming recommends or collects relations are expected. */ 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; &lt;style lang=\"scss\" scoped&gt; .item-name { &amp;:hover { background-color: #00000008; } } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchCountries\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Countries\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props: tooltipProps }\"&gt; &lt;span class=\"clickable text-decoration-underline\" color=\"nordnetBlue\" size=\"small\" v-bind=\"mergeProps(menuProps, tooltipProps)\" &gt; {{ item.curator || \"Assign Curator\" }} &lt;/span&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=\"(curator, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(item.id, curator.id, curator.userName) \" &gt; &lt;v-list-item-title&gt; {{ curator.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=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"item.lastEditor === 'unknown'\"&gt; {{ item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idLastEditor\" @click.prevent=\"navigateTo('/users/' + item.idLastEditor)\" &gt; {{ item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" approveChangesMenu(item.recordName, item.id, item.rawhidden) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end size=\"small\" @click=\"deleteRecordMenu(item.recordName, item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;a :href=\"'/' + item.id + '/edit'\" style=\"padding-left: 12px\" @click.prevent=\"navigateTo('/' + item.id + '/edit')\" &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;/div&gt; &lt;/td&gt; &lt;td&gt; {{ item.createdAt }}, &lt;div v-if=\"item.creator === 'unknown'\"&gt; {{ item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idCreator\" @click.prevent=\"navigateTo('/users/' + item.idCreator)\" &gt; {{ 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-dialog v-model=\"dialogs.approveChanges\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" class=\"pr-3\" color=\"green\" hide-details label=\"Create Review\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" hide-details label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"elevated\" @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-card&gt; &lt;/template&gt; &lt;script&gt; import { mergeProps } from \"vue\"; 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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate, navigateTo], 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; const token = this.user().credentials.token; //Fetching records approval awaiting data client.setHeader(token); let data = await client.executeQuery(getCuratorApprovalsRequired); client.setHeader(token); let listOfCurators = await client.executeQuery(getCuratorList); client.setHeader(token); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired), ); this.loading = false; }, methods: { mergeProps, ...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 ? rec.processingNotes.note : \"\", processingNoteId: rec.processingNotes ? rec.processingNotes.id : null, 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, ); /* v8 ignore next 3 */ 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); }, /** * Create a processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, 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; } :deep(.v-data-table-header tr th) { white-space: nowrap; } .v-data-table :deep(thead th) { opacity: 1; } .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; CURATOR SUMMARY STATISTICS &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-es\"; import { AccessMethods, 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: \"accessMethods\", name: \"Access Methods\", component: AccessMethods, 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: \"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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchDomains\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Domains\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_FairassistRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_FairassistRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/FairassistRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/FairassistRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedFairassistRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\"&gt;Select a FAIRassist rule&lt;/option&gt; &lt;option v-for=\"rule in fairassistQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedFairassistRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedFairassistRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash-es\"; import { AssociatedTests, AssociatedTools, FairassistRecordType, IndeterminateExamples, NegativeExamples, PositiveExamples, } from \"../index\"; export default { name: \"FairassistRule\", props: { groupCtrl: { type: Object, default: null, }, }, data: () =&gt; { return { selectedFairassistRule: \"\", }; }, methods: { fairassistQueryBuilderComponents() { let fairassistRecordType = [ { identifier: \"fairassisttype\", name: \"FAIRassist Record Type\", component: FairassistRecordType, initialValue: () =&gt; [], }, ]; return fairassistRecordType.concat(this.sortedArrayList()); }, /** * Sort Array list by name */ sortedArrayList() { return sortBy( [ { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"associatedTests\", name: \"Associated Tests\", component: AssociatedTests, initialValue: \"\", }, { identifier: \"positiveExamples\", name: \"Positive Examples\", component: PositiveExamples, initialValue: \"\", }, { identifier: \"negativeExamples\", name: \"Negative Examples\", component: NegativeExamples, initialValue: \"\", }, { identifier: \"indeterminateExamples\", name: \"Indeterminate Examples\", component: IndeterminateExamples, initialValue: \"\", }, ], \"name\", ); }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule); this.selectedFairassistRule = \"\"; }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-title&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-title&gt; &lt;v-expansion-panel-text class=\"pl-5 pr-5\"&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; &lt;div :class=\"['d-flex', { 'flex-column': $vuetify.display.mdAndDown }]\" &gt; &lt;v-combobox v-model=\"selectedValues\" :items=\"getValues\" :menu-props=\"{ maxWidth: '50' }\" chips class=\"text-capitalize\" clearable closable-chips color=\"primary\" density=\"compact\" hide-details=\"auto\" hide-no-data item-title=\"key\" item-value=\"key\" multiple placeholder=\"Search\" prepend-inner-icon=\"fas fa-search\" return-object variant=\"solo\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #chip=\"{ props, item }\"&gt; &lt;v-chip color=\"blue\" v-bind=\"props\" variant=\"flat\"&gt; {{ item.title.replace(/_/g, \" \") }} &lt;v-tooltip activator=\"parent\" location=\"bottom\"&gt; {{ item.title.replace(/_/g, \" \") }} &lt;/v-tooltip&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list-item v-bind=\"props\"&gt; &lt;template #prepend=\"{ isActive }\"&gt; &lt;v-list-item-action start&gt; &lt;v-checkbox-btn :model-value=\"isActive\" readonly &gt;&lt;/v-checkbox-btn&gt; &lt;/v-list-item-action&gt; &lt;/template&gt; &lt;span v-if=\"item.raw.key\" class=\"text-capitalize\"&gt; {{ item.raw.key.replace(/_/g, \" \") }} &lt;/span&gt; &lt;template #append&gt; &lt;span class=\"filterValueCount\"&gt;{{ item.raw.doc_count }}&lt;/span&gt; &lt;/template&gt; &lt;/v-list-item&gt; &lt;/template&gt; &lt;/v-combobox&gt; &lt;v-btn class=\"ml-lg-2 custom-btn\" color=\"primary\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-expansion-panel-text&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import clearString from \"@/utils/stringUtils\"; import { capitalize } from \"lodash-es\"; 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)); _module.selectedValues = _module.selectedValues.map(({ key }) =&gt; key); 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\", }); }, itemProps(item) { return { key: item.key, title: capitalize(this.cleanString(item.key)), subtitle: item.doc_count, }; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" 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; } .v-field { .v-chip { height: inherit; } } :deep(.v-list-item-title) { display: none; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip :disabled=\"itemModified.tooltip === undefined || $vuetify.display.smAndDown\" location=\"bottom\" &gt; &lt;template #activator=\"{ props }\"&gt; &lt;v-btn :class=\"[ isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', { 'button-style-md-screens': mdScreens, 'buttons-md-style': multipleItems &amp;&amp; !isFirstItem, }, ]\" :variant=\"!itemModified.active ? 'outlined' : 'flat'\" class=\"mr-1 mr-lg-2\" color=\"primary\" v-bind=\"props\" @click=\"selectFilter(itemModified)\" &gt; &lt;span v-if=\"itemModified.title !== 'ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else color=\"primary\" size=\"large\"&gt; fas fa-sync &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-es\"; import { mapActions } from \"vuex\"; import customIcons from \"@/plugins/icons\"; import currentParameter from \"@/utils/currentParameterMixin.js\"; export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: { default: () =&gt; ({}), 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 }, customIcons: customIcons, }; }, 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() { //Commenting nexttick as it was changing the order of filters // 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: { ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]), 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); }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 align-center\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"text-white mr-4\" color=\"red\" variant=\"flat\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;v-chip-group v-for=\"chip in getChips\" :key=\"'Chips_' + chip.paramVal\"&gt; &lt;v-chip class=\"bg-white text-secondary\" closable variant=\"outlined\" @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;/v-chip-group&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { throttle } from \"lodash-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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.display.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=\"slotSpacer\" /&gt; &lt;FairassistRule :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, FairassistRule, GeneralRule, PolicyRule, StandardRule, } from \"./index\"; export default { name: \"GroupCtrlSlot\", components: { GeneralRule, StandardRule, DatabaseRule, PolicyRule, FairassistRule, }, 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"hiddenRecords\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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\" @click.prevent=\" navigateTo('/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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate, navigateTo], 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-container class=\"text-center pa-0\" fluid&gt; &lt;Carousel v-if=\"isMounted\" /&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;/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\"; /** Component to handle the front page (landing page) */ export default { name: \"Home\", components: { Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock, }, data() { return { isMounted: false, }; }, mounted() { this.isMounted = true; }, unmounted() { if (typeof window !== \"undefined\") { window.scrollTo({ top: 0, behavior: \"instant\", }); } }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout justify-center row&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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\" variant=\"text\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"incompleteRecords\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" end size=\"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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso, navigateTo], 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; { /* v8 ignore next */ 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchLicences\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Licences\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9 elevation-10 rounded\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col :lg=\"!popUp ? '8' : '12'\" :md=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" cols=\"12\" sm=\"12\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'bg-blue text-white mb-5 text-center': !popUp, 'py-0 mb-5': popUp, }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel }} &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 bg-teal text-white 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\" opacity=\"0.9\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list v-if=\"checkEndpoint()\" class=\"d-flex flex-column align-center\" &gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" &gt; &lt;v-btn :class=\"provider.color\" :href=\"provider.callback + getCurrentLocation()\" class=\"text-left\" elevation=\"3\" width=\"250px\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon class=\"mr-5\" start&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\" :rules=\"[rules.isRequired()]\" label=\"Username or email\" required variant=\"outlined\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-inner-icon=\"show1 ? 'fas fa-eye' : 'fas fa-eye-slash'\" :rules=\"[rules.isRequired()]\" :type=\"show1 ? 'text' : 'password'\" autocomplete=\"off\" counter label=\"Password\" required variant=\"outlined\" @click:append-inner=\"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 opacity=\"0.9\" /&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 opacity=\"0.9\" /&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 or Github?&lt;/span &gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn :disabled=\"!formValid\" class=\"px-4 bg-primary\" elevation=\"2\" @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, }, }, emits: [\"ClosePopup\"], data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"Login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"bg-green text-white\", callback: import.meta.env.VITE_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue text-white\", callback: import.meta.env.VITE_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"bg-black text-white\", callback: import.meta.env.VITE_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; let target = {}; if (_module.redirect) { if (goTo) { //Added if condition as path was trimming query params in path in vue-router 4 if (goTo.includes(\"?\")) { const url = goTo.split(\"?\"); const queryURLArr = url[1].split(\"&amp;\"); queryURLArr.forEach((pair) =&gt; { if (pair !== \"\") { let splitpair = pair.split(\"=\"); let key = splitpair[0]; target[key] = splitpair[1]; //For advancedSearch only if (url[0] === \"/advancedsearch\" &amp;&amp; pair.includes(\"fields\")) { const [key, ...rest] = pair.split(\"=\"); const value = rest.join(\"=\"); target[key] = decodeURIComponent(value); } } }); _module.$router.push({ path: url[0], query: target, }); } else { _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}`; }, checkEndpoint() { if ( import.meta.env.VITE_NODE_ENV === \"production\" || import.meta.env.VITE_NODE_ENV === \"local\" ) { return true; } return false; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" return-object &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + item.userId\" @click.prevent=\"navigateTo('/users/' + item.userId)\" &gt; {{ item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" assignMaintenanceOwner( item.recordName, item.id, item.userName, item.requestID, ) \" &gt; fas fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end @click=\" rejectMaintenanceOwner( item.recordName, item.id, item.userName, item.requestID, ) \" &gt; fas fa-ban &lt;/v-icon&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-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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=\"red-darken-1\" persistent variant=\"elevated\" @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue-darken-1\" persistent variant=\"elevated\" @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-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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\" persistent variant=\"elevated\" @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue-darken-1\" persistent variant=\"elevated\" @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-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\"; import navigateTo from \"@/utils/generalUtils\"; import Loaders from \"@/components/Navigation/Loaders.vue\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Loaders, Icon, }, mixins: [formatDate, navigateTo], 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 ? item.fairsharingRecord.processingNotes.note : \"\", processingNoteId: item.fairsharingRecord.processingNotes ? item.fairsharingRecord.processingNotes.id : null, 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, ); } }, /** * Create processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @param item {Object} - Record object * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, 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, ); /* v8 ignore start */ 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; } }, /* v8 ignore end */ 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; } :deep(.v-data-table-header tr th) { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"views_Records_NetworkGraph.vue.html":{"id":"views_Records_NetworkGraph.vue.html","title":"Source: views/Records/NetworkGraph.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/NetworkGraph.vue &lt;template&gt; &lt;v-container fluid&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;v-row v-else&gt; &lt;v-col class=\"pt-0 mt-2\" cols=\"12\" lg=\"3\" md=\"3\" sm=\"12\" xl=\"3\" xs=\"12\"&gt; &lt;v-card height=\"100%\"&gt; &lt;v-card-title class=\"bg-blue text-white\"&gt; Legend and configuration &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; The graph's centre is shown in &lt;span class=\"text-red\"&gt;red.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\" cols=\"12\"&gt; Click on any point to re-draw the graph with that point as the centre. Click on the centre to view the record. Hover over to view direct connections. Use the mouse/trackpad to scroll and zoom. &lt;/v-col&gt; &lt;v-col class=\"mt-2\" cols=\"12\"&gt; For more information, please see the &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/about-our-records/network-graphs\" target=\"_blank\" &gt; documentation &lt;/a &gt;. &lt;/v-col&gt; &lt;/v-row&gt; &lt;v-row class=\"mt-3\" no-gutters&gt; &lt;v-col cols=\"12\"&gt; Relations between records are coloured as follows: &lt;/v-col&gt; &lt;v-col cols=\"12\"&gt; &lt;v-list density=\"compact\"&gt; &lt;v-list-item v-for=\"legendItem in networkGraph['legend']\" :key=\"legendItem['name']\" &gt; &lt;template #prepend&gt; &lt;v-icon :color=\"legendItem['color']\" class=\"mr-2\"&gt; fas fa-long-arrow-alt-right &lt;/v-icon&gt; &lt;/template&gt; &lt;v-list-item-title class=\"font-weight-regular text-body-2\" &gt; {{ legendItem[\"name\"] }} &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;v-divider class=\"my-3\" /&gt; &lt;div&gt; &lt;h3 class=\"mb-4\"&gt;Registry&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"registryItem in networkGraph['registry']\" :key=\"registryItem['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', registryItem['active'] ? 'text-white' : 'text-black ', ]\" :color=\" registryItem['active'] ? registryItem['color'] : 'gray' \" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"toggleClick(registryItem)\" &gt; {{ registryItem[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;v-divider class=\"my-3\" /&gt; &lt;div&gt; &lt;!-- Color definition meaning in NetworkGraph --&gt; &lt;h3 class=\"mb-4\"&gt;Status (shown on mouseover)&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"status in networkGraph['status']\" :key=\"status['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', status['active'] ? 'text-white' : 'text-black', ]\" :color=\"status['active'] ? status['color'] : 'gray'\" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"toggleClick(status)\" &gt; {{ status[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;v-divider /&gt; &lt;div&gt; &lt;!-- buttons here --&gt; &lt;h3 class=\"mb-4\"&gt;Distance from centre&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"distance in networkGraph['distance']\" :id=\"`distance_${distance['hops']}`\" :key=\"distance['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', distance['active'] ? 'text-white ' : 'text-black ', ]\" :color=\"getLengthColour(distance['hops'])\" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"lengthLimit(distance)\" &gt; {{ distance[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;v-col class=\"pt-0 mt-2\" cols=\"12\" lg=\"9\" md=\"9\" sm=\"12\" xl=\"9\" xs=\"12\"&gt; &lt;v-btn :to=\"`/${$route.params.id}`\" class=\"ml-2 my-2 bg-white\"&gt; &lt;v-icon :class=\"`text-primary`\"&gt; fas fa-arrow-left&lt;/v-icon&gt; &lt;span :class=\"`text-primary ml-3`\"&gt; Go to Record&lt;/span&gt; &lt;/v-btn&gt; &lt;div v-if=\"noData\"&gt; &lt;v-card-title class=\"bg-blue text-white\"&gt; No graph found! &lt;/v-card-title&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;v-card-title v-if=\"!loading\" class=\"bg-blue text-white pb-0 pt-4\"&gt; {{ graphData.name }} ({{ graphData.id }}) &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"!loading\" class=\"bg-blue text-white opacity-100 pb-4\" &gt; {{ registry }}/{{ type }} &lt;/v-card-subtitle&gt; &lt;/div&gt; &lt;v-card height=\"100%\"&gt; &lt;div v-if=\"noData\" height=\"100%\"&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; &lt;p&gt; No data were found showing links between this record and others. This could be because: &lt;/p&gt; &lt;ul style=\"list-style-type: square\"&gt; &lt;li&gt; The record has just been created and the graph data are still being generated. &lt;/li&gt; &lt;li&gt;This record has no links to other records.&lt;/li&gt; &lt;li&gt;Something went wrong.&lt;/li&gt; &lt;/ul&gt; &lt;br /&gt; &lt;p&gt; If you need assistance, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;contact us&lt;/a&gt;. &lt;/p&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/div&gt; &lt;div id=\"sigma-container\" /&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"layoutRendering\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" persistent scroll-strategy=\"none\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import Graph from \"graphology\"; import forceAtlas2 from \"graphology-layout-forceatlas2\"; import Sigma from \"sigma\"; import getNodeProgramImage from \"sigma/rendering/webgl/programs/node.image\"; import Loaders from \"@/components/Navigation/Loaders\"; import networkGraph from \"@/data/networkGraph.json\"; import relationColors from \"@/data/RelationsColors.json\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\"; import graphQuery from \"@/lib/GraphClient/queries/getGraphRelations.json\"; import NotFound from \"@/views/Errors/404.vue\"; const graphClient = new GraphClient(); const graph = new Graph(); let container; let renderer; export default { name: \"NetworkGraph\", components: { Loaders, NotFound, }, data() { return { error: false, loading: false, noData: false, initialized: false, depth: [1, 2, 3], registry: \"unknown\", type: \"unknown\", relations: null, relations_colors: relationColors, legend: { relations: {}, types: { circle: false, square: false, triangle: false, diamond: false, }, }, typesFound: [], graphData: {}, chart: null, cancelCurrentAnimation: null, sensibleSettings: null, highlighted: 0, // ID of currently-hovered node. state: {}, selectedLengths: { 1: true, 2: false, 3: false, }, active: { database: true, collection: true, standard: true, policy: true, fairassist: true, ready: true, in_development: true, uncertain: true, deprecated: true, }, buttonsActive: false, networkGraph: networkGraph, layoutRendering: false, }; }, computed: { currentRoute() { return this.target || this.$route.params[\"id\"]; }, }, watch: { async currentRoute() { await this.getData(); }, active: { async handler() { this.toggleGraph(); }, deep: true, }, selectedLengths: { async handler() { this.toggleGraph(); }, deep: true, }, }, async mounted() { let _module = this; this.$nextTick(async function () { await this.getData(); if (_module.error) { return; } container = document.getElementById(\"sigma-container\"); await _module.plotGraph(); }); }, methods: { async getData() { this.loading = true; this.legend.types = { circle: false, square: false, triangle: false, diamond: false, }; /* A maxPathLength of 1-3 may be specified (API's default is 2). Higher values may make the resulting graph rather large... */ graphQuery.queryParam = { id: parseInt(this.$route.params.id) }; try { const response = await graphClient.executeQuery(graphQuery); if ( Array.isArray(response) &amp;&amp; response[0].message === \"record not found\" ) { this.error = true; } else if ( !response.fairsharingGraph || !response.fairsharingGraph.data || response.fairsharingGraph.data.length === 0 || Object.keys(response.fairsharingGraph.data).length === 0 ) { this.loading = false; this.noData = true; this.registry = \"N/A\"; this.type = \"N/A\"; this.initialized = true; } else { this.graphData = response.fairsharingGraph.data; this.loading = false; this.registry = this.graphData.registry; this.type = this.graphData.type; } } catch (e) { console.error(\"Graph Data Error:\", e); this.error = true; this.loading = false; } }, async plotGraph() { let _module = this; _module.layoutRendering = true; graph.clear(); graph.import(this.graphData); // Graphology implementation of Force Atlas 2 in a web worker _module.sensibleSettings = forceAtlas2.inferSettings(graph); forceAtlas2.assign(graph, { iterations: 50, settings: this.sensibleSettings, }); // eslint-disable-next-line no-unused-vars renderer = new Sigma(graph, container, { allowInvalidContainer: true, nodeProgramClasses: { image: getNodeProgramImage(), }, }); // Attempt to highlight nodes on hover... renderer.on(\"enterNode\", ({ node }) =&gt; { _module.state.hoveredNode = node; _module.state.hoveredNeighbors = new Set(graph.neighbors(node)); renderer.refresh(); }); renderer.on(\"leaveNode\", () =&gt; { _module.state.hoveredNode = undefined; _module.state.hoveredNeighbors = undefined; renderer.refresh(); }); renderer.setSetting(\"nodeReducer\", (node, data) =&gt; { const res = { ...data }; // This is for hiding everything except the node being hovered over. if ( _module.state.hoveredNeighbors &amp;&amp; !_module.state.hoveredNeighbors.has(node) &amp;&amp; _module.state.hoveredNode !== node ) { if (parseInt(node) !== parseInt(_module.$route.params.id)) { res.hidden = true; } } if (_module.state.selectedNode === node) { _module.res.highlighted = true; } // Hide nodes which are further away than the path length. if (_module.selectedLengths[res.length] === false) { res.hidden = true; } // Hide nodes when their registry is not selected if ( !this.active[res.registry] &amp;&amp; parseInt(_module.$route.params.id) !== parseInt(node) ) { res.hidden = true; } // Hide nodes when their status is not selected if ( !this.active[res.status] &amp;&amp; parseInt(_module.$route.params.id) !== parseInt(node) ) { res.hidden = true; } return res; }); // This is for hiding everything except the node being hovered over. renderer.setSetting(\"edgeReducer\", (edge, data) =&gt; { const res = { ...data }; if ( _module.state.hoveredNode &amp;&amp; !graph.hasExtremity(edge, _module.state.hoveredNode) ) { res.hidden = true; } return res; }); // This is to link to another record's graph. renderer.on(\"clickNode\", ({ node }) =&gt; { this.setClickedNode(node); }); renderer.refresh(); await new Promise((r) =&gt; setTimeout(r, 10000)); _module.buttonsActive = true; _module.layoutRendering = false; }, setClickedNode(node) { // node is the fairsharing_record_id // TODO: This window.location.assign hackery is not great, but does at least cause // TODO: the correct graph to load and render. let _module = this; if (parseInt(_module.$route.params.id) === parseInt(node)) { this.loading = true; window.location.assign(\"/\" + node); //this.loading = false; } else { this.loading = true; window.location.assign(\"/graph/\" + node); //this.loading = false; } }, lengthLimit(item) { item.active = !item.active; this.layoutRendering = true; setTimeout(() =&gt; { const itemLength = item.hops; this.selectedLengths[itemLength] = !this.selectedLengths[itemLength]; }, 100); }, getLengthColour(len) { if (this.selectedLengths[len] === true) { return \"#27aae1\"; } else { return \"gray\"; } }, /** * Toggles the graph rendering on a button click. * @param item */ toggleClick(item) { item.active = !item.active; this.layoutRendering = true; setTimeout(() =&gt; { let itemName = item.name.toLowerCase(); if (itemName === \"in development\") itemName = \"in_development\"; this.active[itemName] = !this.active[itemName]; }, 100); }, /** * Toggles the graph rendering. */ toggleGraph() { graph.clear(); graph.import(this.graphData); // Graphology implementation of Force Atlas 2 in a web worker this.sensibleSettings = forceAtlas2.inferSettings(graph); forceAtlas2.assign(graph, { iterations: 50, settings: this.sensibleSettings, }); setTimeout(() =&gt; { this.layoutRendering = false; }, 2000); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; #sigma-container { width: 100%; height: 100%; min-height: 1000px; margin: 0; padding: 0; overflow: hidden; } .button-filters { width: 150px; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-primary text-white\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"text-white\"&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;fas 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;base-fields :create-mode=\"true\" :loading=\"loading\" :submit-record=\"submitAnyway\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" @submission=\"setSubmitAnyway()\" /&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&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=\"text-h5\"&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 class=\"bg-primary\" variant=\"elevated\" @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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getObjectTypes\" :item-value=\"itemValue\" :loading=\"getLoadingData\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; // import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"ObjectTypes\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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); }, }, }; &lt;/script&gt; × Search results Close "},"views_Browsers_OntologyBrowser.vue.html":{"id":"views_Browsers_OntologyBrowser.vue.html","title":"Source: views/Browsers/OntologyBrowser.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Browsers/OntologyBrowser.vue &lt;template&gt; &lt;main&gt; &lt;v-container class=\"py-0 mb-10\" fluid&gt; &lt;NotFound v-if=\"error\" /&gt; &lt;v-row v-else no-gutters&gt; &lt;v-col id=\"ontologyBrowser\" class=\"border-e\" cols=\"12\" lg=\"4\" md=\"12\" sm=\"12\" xl=\"3\" xs=\"12\" &gt; &lt;div v-if=\"tree.length &gt; 0\" id=\"searchOntology\" class=\"pr-2 mt-6\"&gt; &lt;v-autocomplete v-model=\"search\" :color=\"color\" :items=\"uniqueSearchItems\" :label=\"`Search ${selectedOntology}s`\" clearable hide-details item-title=\"name\" item-value=\"id\" return-object variant=\"outlined\" /&gt; &lt;v-divider class=\"mb-2 opacity-100\" /&gt; &lt;/div&gt; &lt;v-virtual-scroll ref=\"virtualScroll\" :height=\"'70vh'\" :items=\"visibleNodes\" class=\"tree pb-3 px-3\" &gt; &lt;template #default=\"{ item }\"&gt; &lt;div :style=\"{ paddingLeft: `${item.depth * 24}px` }\" class=\"d-flex align-center py-1 cursor-pointer hover-bg\" &gt; &lt;div class=\"d-flex justify-center\" style=\"width: 24px\"&gt; &lt;v-icon v-if=\"item.hasChildren\" :icon=\" isOpen(item.identifier) ? 'fas fa-caret-down' : 'fas fa-caret-right' \" size=\"small\" @click=\"toggleNode(item)\" /&gt; &lt;/div&gt; &lt;div class=\"d-flex flex-row justify-center align-center flex-grow-1\" @click=\"searchTerm(item)\" &gt; &lt;span :class=\"[ 'chip-mimic mr-2', item.isTarget || activeTerms.includes(item.identifier) ? `bg-${color} text-white font-weight-bold elevation-2 border-0` : `text-${color} border-${color}`, ]\" &gt; {{ item.name }} &lt;/span&gt; &lt;v-spacer /&gt; &lt;div :class=\" activeTerms.includes(item.identifier) ? `bg-${color} text-white` : `bg-white text-${color} border-${color} border border-solid border-opacity-100` \" class=\"hits d-flex justify-center align-center\" &gt; {{ item.records_count || 0 }} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-col&gt; &lt;v-col id=\"termDisplay\" class=\"py-0 my-0\" cols=\"12\" lg=\"8\" md=\"12\" sm=\"12\" xl=\"9\" xs=\"12\" &gt; &lt;div v-if=\"!loadingData &amp;&amp; tree.length &gt; 0\"&gt; &lt;TermDetails v-if=\"records &amp;&amp; selectedTerm\" :selected-ontology=\"selectedOntology\" @clear-selection=\"noSelection\" /&gt; &lt;v-card v-else class=\"pa-0\" flat&gt; &lt;v-card-text class=\"pa-0\"&gt; &lt;OntologySunburst @subject-node=\"subjectNode\" /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loadingData\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import OntologySunburst from \"@/components/Ontologies/OntologySunburst\"; import TermDetails from \"@/components/Ontologies/TermDetails\"; import NotFound from \"@/views/Errors/404\"; export default { name: \"OntologyBrowser\", components: { Loaders, NotFound, TermDetails, OntologySunburst }, data() { return { allowedOntologies: [\"domain\", \"subject\"], search: null, }; }, computed: { ...mapState(\"editor\", [\"colors\"]), // We do NOT map activeTerms/openedTerms directly to avoid undefined errors ...mapState(\"ontologyBrowser\", [ \"tree\", \"records\", \"loadingData\", \"flattenedTree\", \"pagination\", \"selectedTerm\", ]), selectedOntology() { return this.$route.params.id; }, error() { return !this.allowedOntologies.includes(this.selectedOntology); }, color() { return this.colors[this.selectedOntology]; }, term() { const qTerm = this.$route.query[\"term\"]; if (!qTerm) return null; return this.flattenedTree.find( (node) =&gt; node.name.toLowerCase() === decodeURIComponent(qTerm).toLowerCase(), ); }, // Manual State mapping with Safety Checks activeTerms() { return this.$store.state.ontologyBrowser.activeTerms || []; }, openedTerms() { return this.$store.state.ontologyBrowser.openedTerms || []; }, /** * VISIBLE NODES * Combines Pruning (Search) + Flattening (Expansion) */ visibleNodes() { let sourceTree = this.tree || []; // 1. If Searching, use a Pruned Tree (Supports Multiple Instances) if (this.search &amp;&amp; this.search.identifier) { const pruned = this.pruneTreeWithChildren( this.tree, this.search.identifier, ); if (pruned.length &gt; 0) sourceTree = pruned; } const result = []; const searchId = this.search?.identifier ? String(this.search.identifier) : null; // Safety: Ensure we have an array of Strings for comparison const currentOpenTerms = (this.openedTerms || []).map(String); const traverse = (nodes, depth = 0) =&gt; { if (!nodes || nodes.length === 0) return; for (const node of nodes) { const hasChildren = node.children &amp;&amp; node.children.length &gt; 0; const strId = String(node.identifier); const isTarget = strId === searchId; // Check if this node is Open const isOpen = currentOpenTerms.includes(strId); result.push({ ...node, depth, hasChildren, isTarget, }); // Expand logic: // We only descend if the node has children AND is marked as Open if (hasChildren &amp;&amp; isOpen) { traverse(node.children, depth + 1); } } }; traverse(sourceTree); return result; }, /** * UNIQUE SEARCH ITEMS * Filters the flattenedTree to ensure each term ID appears only once * in the Autocomplete dropdown. */ uniqueSearchItems() { const items = this.flattenedTree || []; const seen = new Set(); return items.filter((item) =&gt; { const id = item.identifier; if (seen.has(id)) { return false; // Duplicate found, skip it } seen.add(id); return true; // New item, keep it }); }, }, watch: { // URL Term Watcher async term(newVal) { if (newVal) { await this.activateTerms(newVal); // Find ALL paths to this term (in case it exists in multiple places) const allPaths = this.findAllPaths(this.tree, newVal.identifier); const parentsToOpen = new Set(); allPaths.forEach((path) =&gt; { path.forEach((id) =&gt; { if (String(id) !== String(newVal.identifier)) { parentsToOpen.add(String(id)); } }); }); this.openTerms(Array.from(parentsToOpen)); } else { await this.activateTerms(); } }, // --- SEARCH WATCHER (Handles Multiple Instances) --- search(newTerm) { // CASE 1: Search Cleared if (!newTerm) { // Reset to full tree by clearing the \"open\" list this.openTerms([]); return; } // CASE 2: Active Search const targetId = newTerm.identifier || newTerm; const strTargetId = String(targetId); // 1. Find ALL paths to the target node const allPaths = this.findAllPaths(this.tree, targetId); // 2. Collect ALL parent IDs from ALL paths const allIdsToOpen = new Set(); allPaths.forEach((path) =&gt; { path.forEach((id) =&gt; { // Add ID to open set ONLY if it is NOT the target itself // (We want the parents open, but the target closed) if ( String(id) !== strTargetId &amp;&amp; !Object.keys(newTerm).includes(\"isSunburst\") ) { allIdsToOpen.add(String(id)); } //Target is open because the selection is from Sunburst else if (newTerm[\"isSunburst\"]) { allIdsToOpen.add(String(id)); } }); }); // 3. Update Vuex State this.openTerms(Array.from(allIdsToOpen)); // 4. Scroll to FIRST Instance setTimeout(() =&gt; { if (!this.$refs.virtualScroll) return; // Find index of the FIRST occurrence in the visible list const index = this.visibleNodes.findIndex( (x) =&gt; String(x.identifier) === strTargetId, ); if (index !== -1) { if (this.$refs.virtualScroll.scrollToIndex) { this.$refs.virtualScroll.scrollToIndex(index); } else { // Fallback: 50px is the estimated item height this.$refs.virtualScroll.$el.scrollTop = index * 50; } } }, 300); }, }, async mounted() { await this.fetchTerms(); }, unmounted() { this.leavePage(); }, methods: { ...mapActions(\"ontologyBrowser\", [ \"fetchTerms\", \"fetchRecords\", \"resetPagination\", \"activateTerms\", \"openTerms\", \"leavePage\", ]), /** * Searches for a term and updates the route based on its presence in the active terms list. * * @param {Object} term - The term object to be searched. * @param {string} term.identifier - The unique identifier of the term. * @param {string} term.name - The name of the term to encode and include in the query parameters if not already active. * @return {void} This method does not return a value. */ searchTerm(term) { this.resetPagination(); if (this.activeTerms.includes(term.identifier)) this.$router.push({ path: this.$route.path }); else this.$router.push({ path: this.$route.path, query: { term: encodeURIComponent(term.name) }, }); }, // --- UPDATED HELPER: Find ALL Paths --- // Returns Array of Arrays: [[Root, Child, Target], [Root, OtherChild, Target]] findAllPaths(nodes, targetId, currentPath = [], results = []) { const strTarget = String(targetId); for (const node of nodes) { const strNode = String(node.identifier); // Create a new path array for this branch const newPath = [...currentPath, node.identifier]; // Match Found: Add this full path to results if (strNode === strTarget) { results.push(newPath); } // Continue searching deeper even if match found (in case of nested weirdness), // but primarily to find matches in OTHER branches. if (node.children &amp;&amp; node.children.length &gt; 0) { this.findAllPaths(node.children, targetId, newPath, results); } } return results; }, /** * Toggles the open or closed state of a node in the hierarchy. * Updates the list of currently opened nodes based on the given item's identifier. * * @param {Object} item - The node object to be toggled. * @param {boolean} item.hasChildren - Indicates if the node has child items. * @param {number|string} item.identifier - The unique identifier of the node. * @return {void} This method does not return a value. */ toggleNode(item) { if (!item.hasChildren) return; const strId = String(item.identifier); const currentOpenTerms = (this.openedTerms || []).map(String); const isOpen = currentOpenTerms.includes(strId); let newOpened = [...(this.openedTerms || [])]; if (isOpen) { // Close: Remove strict match newOpened = newOpened.filter((id) =&gt; String(id) !== strId); } else { // Open: Add original ID newOpened.push(item.identifier); } newOpened = newOpened.map((item) =&gt; typeof item === \"string\" ? Number(item) : item, ); this.openTerms(newOpened); }, /** * Prune logic that supports multiple matches * @param nodes * @param targetId * @return Array */ pruneTreeWithChildren(nodes, targetId) { const filtered = []; const strTarget = String(targetId); for (const node of nodes) { const strNode = String(node.identifier); // CASE 1: Found the target if (strNode === strTarget) { filtered.push({ ...node, children: node.children ? [...node.children] : [], }); // We do NOT 'continue' here because a child might ALSO contain the target // (unlikely in standard ontology but possible in graph structures) // Actually, for standard tree display, if we found it, we show it. // If the term appears AGAIN inside itself, recursion handles it. continue; } // CASE 2: Look in children if (node.children &amp;&amp; node.children.length &gt; 0) { const matchingChildren = this.pruneTreeWithChildren( node.children, targetId, ); if (matchingChildren.length &gt; 0) { filtered.push({ ...node, children: matchingChildren }); } } } return filtered; }, /** * SAFE CHECK: Checks if a node is open regardless of ID type (String/Number) * @param identifier * @return Boolean */ isOpen(identifier) { if (!this.openedTerms) return false; // Convert everything to String for comparison return this.openedTerms.map(String).includes(String(identifier)); }, /** * Updates the search property with the first element of the provided value array * and calls the toggleNode method with the same element. * @param {Array} value - An array where the first element is used to update the search property and passed to the toggleNode method. */ subjectNode(value) { if (value &amp;&amp; value.length) { this.search = value[0]; this.toggleNode(value[0]); } else { this.search = null; } }, noSelection(value) { if (value) { this.search = null; } }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .subject_color--border { border: 1px solid #e67e22 !important; } .domain_color--border { border: 1px solid #712727 !important; } .hits { width: 45px; height: 45px; border-radius: 50%; } #ontologyBrowser, #termDisplay { display: flex; flex-direction: column; } .tree { /* overflow-y handled by virtual-scroll, but we keep this for flex layout */ flex-grow: 1; height: 70vh; } @media (max-width: 1263px) { #ontologyBrowser { height: auto; } .tree { max-height: 40vh; border-bottom: 1px solid #ccc; } } .col { flex-basis: initial !important; } .cursor-pointer { cursor: pointer !important; } .hover-bg:hover { background-color: rgba(0, 0, 0, 0.04); } .chip-mimic { border: 1px solid; border-radius: 18px; padding: 4px 12px; font-size: 0.9rem; line-height: 1.8; display: inline-block; white-space: nowrap; } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" class=\"standard bg-grey-lighten-3 pb-10\" fluid &gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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 :color=\" theme.computedThemes.value.fairSharingTheme.colors .bg_organisation_record_card \" class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column overflow-initial bg-white\" elevation=\"3\" rounded=\"0\" tile variant=\"outlined\" &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\" aspect-ratio=\"1\" class=\"contain\" 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'\" class=\"ma-1\" variant=\"flat\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" variant=\"flat\" &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 :href=\"search.url\" class=\"text-white\"&gt; {{ search.name }} &lt;/a&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;v-icon v-if=\"user().is_super_curator ? true : false\" class=\"ml-4 mr-2\" color=\"error\" end size=\"15\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; fas fa-unlink &lt;/v-icon&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;Unlink saved search&lt;/span&gt; &lt;/v-tooltip&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 class=\"mr-1\" src=\"/assets/icons/ror-icon-rbg-32.png\" /&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=\"bg-warning\" @click=\"startEditing\"&gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"bg-error ml-2\" @click=\"confirmDeleteOrganisation\"&gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" :organisation=\"organisation\" class=\"mb-10 ma-4\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\"&gt; &lt;v-container class=\"py-0\" fluid /&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&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 class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.name\" :rules=\"[rules.isRequired()]\" label=\"Name\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" :rules=\"[rules.isRequired(), rules.isURL()]\" label=\"Homepage\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" :rules=\"[rules.isURL()]\" label=\"ROR Link\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" :rules=\"[]\" item-text=\"name\" item-value=\"id\" label=\"Alternative names\" return-object variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" :rules=\"[rules.isRequired()]\" chips clearable closable-chips item-title=\"name\" item-value=\"id\" label=\"Select an organisation type(s)\" multiple return-object variant=\"outlined\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #chip=\"{ props, item }\"&gt; &lt;v-chip :text=\"item.raw.name\" color=\"blue\" v-bind=\"props\" variant=\"flat\" &gt;&lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" :items=\"countries\" :rules=\"[ editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0), ]\" item-title=\"name\" item-value=\"name\" label=\"Countries\" multiple return-object variant=\"outlined\" &gt; &lt;template #prepend&gt; &lt;v-tooltip class=\"text-justify\" location=\"bottom\" max-width=\"300px\" &gt; &lt;template #activator=\"{ props }\"&gt; &lt;v-icon v-bind=\"props\"&gt; fas fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips[\"countries\"] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- Item selected --&gt; &lt;template #chip=\"data\"&gt; &lt;v-chip class=\"bg-blue text-white removeStyle\" closable @click:close=\"removeCountry(data.item.raw)\" &gt; {{ data.item.raw.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list-item v-bind=\"props\"&gt; &lt;template #prepend&gt; &lt;country-flag v-if=\"item.raw.code !== null\" :country=\"item.raw.code\" class=\"mr-1 mt-n2\" size=\"normal\" /&gt; &lt;v-img v-else class=\"ml-4 mr-3\" src=\"@/assets/placeholders/country.png\" /&gt; &lt;/template&gt; &lt;span&gt;{{ item.raw.name }}&lt;/span&gt; &lt;/v-list-item&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :loading=\"logoLoading\" :rules=\"[rules.isImage(), imageSizeCorrect]\" accept=\"image/png,image/jpeg\" clearable label=\"Logo\" prepend-icon=\"fas fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" aspect-ratio=\"1\" class=\"contain\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"justify-center\"&gt; &lt;v-btn class=\"bg-error\" variant=\"elevated\" width=\"200\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"!editFormValid || imageTooBig\" class=\"bg-success\" variant=\"elevated\" width=\"200\" @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;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"500px\" persistent&gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"text-h5 font-weight-bold\"&gt; Deleting organisation!&lt;/v-card-title &gt; &lt;v-card-text class=\"font-weight-bold\"&gt; Are you sure you want to do that? It will be permanently deleted. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-info text-white\" variant=\"elevated\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"bg-error text-white\" variant=\"elevated\" @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 text-center\"&gt; Unlinking saved search&lt;/v-card-title &gt; &lt;v-card-text &gt;This will unlink the saved search from this organisation. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-grey-darken-1 text-white\" variant=\"elevated\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"deleteLoader\" class=\"bg-success text-white\" variant=\"elevated\" @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 { isImage, isRequired, isUrl } from \"@/utils/rules.js\"; import stringUtils from \"@/utils/stringUtils\"; import NotFound from \"@/views/Errors/404\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import { toBase64 } from \"@/utils/generalUtils\"; import CountryFlag from \"vue-country-flag-next\"; import { useTheme } from \"vuetify/framework\"; let graphClient = new GraphClient(); const restClient = new RestClient(); export default { name: \"Organisation\", components: { CountryFlag, SearchOrganisationRecords, SectionTitle, NotFound, Loaders, }, mixins: [stringUtils], emits: [\"imageTooBig\"], setup() { const theme = useTheme(); return { theme }; }, 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: [ { title: \"Name\", value: \"name\", align: \"center\" }, { title: \"Status\", value: \"status\", align: \"center\" }, { title: \"Relation\", value: \"relation\", align: \"center\" }, { title: \"Grant\", value: \"grant\", align: \"center\" }, { title: \"Actions\", value: \"actions\", align: \"center\", sortable: false, }, ], userHeaders: [ { title: \"Username\", value: \"username\", align: \"center\" }, { title: \"Email address\", value: \"email\", align: \"center\" }, { title: \"ORCID ID\", value: \"orcid\", 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 import.meta.env.VITE_API_ENDPOINT + this.organisation.urlForLogo; } return null; }, }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, async mounted() { await Promise.all([ await this.getOrganisationsTypes(), await this.getCountries(), ]); }, 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; // In Vuetify 3, text fields usually expect a string, not an array of objects this.editedOrganisation.alternativeNames = this.organisation .alternativeNames ? this.organisation.alternativeNames.join(\", \") : \"\"; this.error = false; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; this.loading = false; } }, 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 = []; if (this.editedOrganisation.countries) { this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id); }); } let alt_names; try { alt_names = this.editedOrganisation.alternativeNames .split(\",\") .map((item) =&gt; item.trim()); } 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 \"Image is too large (max 3MB).\"; }, 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 &amp;&amp; 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 import.meta.env.VITE_HOSTNAME + \"users/\"; }, orgUrl() { return import.meta.env.VITE_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 this.$store.commit( \"saveSearch/setSaveSearchResult\", updatedSearchResult, ); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } :deep(.v-list-item-title) { display: none; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchOrganisation\" :items=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"name\" item-value=\"id\" label=\"Enter text to search for organisation(s) to associate with this saved search\" multiple variant=\"underlined\" &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\" color=\"primary\" height=\"6\" rounded /&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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"orgNames\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Organisations\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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); }, }, orgNames() { return this.getSearchOrganisations.map(({ name }) =&gt; name); }, }, 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"$vuetify.display.mdAndUp ? 7 : 3\" active-color=\"primary\" variant=\"elevated\" /&gt; &lt;/template&gt; &lt;script&gt; import { throttle } from \"lodash-es\"; /** 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchPolicy\" :items=\"getPolicyRecords\" :loading=\"getLoadingStatus\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"name\" item-value=\"id\" label=\"Enter text to search for policy record(s) to associate with this saved search\" multiple variant=\"underlined\" &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\" color=\"primary\" height=\"6\" rounded /&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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 class=\"mr-1 text-white tooltipIcon\" size=\"small\"&gt; fas 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 :value=\"props.currentOperator\" class=\"operatorSelect\" @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-3\"; import { mapGetters } from \"vuex\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AccessMethods, AssociatedTests, AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, FairassistRecordType, GloballyUnique, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IndeterminateExamples, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, NegativeExamples, ObjectTypes, Organisations, Persistent, PolicyRecordType, PositiveExamples, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, Resolvable, 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: \"accessMethods\", name: \"Access Methods\", component: AccessMethods, 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: \"fairassisttype\", name: \"FAIRassist Record Type\", component: FairassistRecordType, 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: \"\", }, { identifier: \"globallyUnique\", name: \"Globally Unique\", component: GloballyUnique, initialValue: \"\", }, { identifier: \"persistent\", name: \"Persistent\", component: Persistent, initialValue: \"\", }, { identifier: \"resolvable\", name: \"Resolvable\", component: Resolvable, initialValue: \"\", }, { identifier: \"associatedTests\", name: \"Associated Tests\", component: AssociatedTests, initialValue: \"\", }, { identifier: \"positiveExamples\", name: \"Positive Examples\", component: PositiveExamples, initialValue: \"\", }, { identifier: \"negativeExamples\", name: \"Negative Examples\", component: NegativeExamples, initialValue: \"\", }, { identifier: \"indeterminateExamples\", name: \"Indeterminate Examples\", component: IndeterminateExamples, 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) { newValue = JSON.parse(JSON.stringify(newValue)); this.$store.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) { this.$store.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; @use \"vuetify/settings\"; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &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\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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\" @click.prevent=\" navigateTo('/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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate, navigateTo], 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 /* v8 ignore start */ let recentCuratorCreations = await client.executeQuery( getRecentCuratorCreations, ); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations); this.loading = false; /* v8 ignore end */ }, 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template&gt; &lt;main&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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\" :message=\"alert.message\" :type=\"alert.type\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar, index) in snackbars\" :key=\"snackbar.message + '_' + index\" :message=\"snackbar.message\" :model=\"convertStringToLocalVar(snackbar.model)\" :type=\"snackbar.type\" /&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\" :back-color=\"getRecordCardBackground\" class=\"ma-4 mb-7\" /&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\" :is-logged-in=\"user().isLoggedIn\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" /&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\" :back-color=\"getRecordCardBackground\" :can-claim=\"canClaim\" :class=\"[ 'ma-4', { 'mb-10': currentRecord.fairsharingRecord.registry === 'Collection', }, ]\" @request-ownership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.display.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.display.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\" :back-color=\"getRecordCardBackground\" :class=\"[ 'ma-4 mb-8', { 'mb-10 mt-0': currentRecord.fairsharingRecord.registry === 'Collection', }, ]\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry !== 'Collection'\" id=\"additionalInfo\" :back-color=\"getRecordCardBackground\" class=\"mb-8 ma-4\" /&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;v-dialog v-model=\"history.show\" class=\"pa-0\" fullscreen persistent&gt; &lt;v-card&gt; &lt;v-card-title class=\"bg-blue text-white pb-4 pt-4 pl-6 d-flex align-center\" rounded=\"0\" &gt; &lt;span&gt;{{ getField(\"name\") }} history logs&lt;/span&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-white mr-3\" color=\"black\" icon size=\"30\" variant=\"elevated\" @click=\"closeHistory()\" &gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"20\" /&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=\"text-h5\"&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\" variant=\"text\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"text-h5\"&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\" variant=\"text\" @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"text-h5\"&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\" variant=\"text\" @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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 { useData } from \"vike-vue/useData\"; 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\"; import { useTheme } from \"vuetify\"; 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 }, }, emits: [\"updateHead\", \"showDialog\"], setup() { const theme = useTheme(); const data = useData(); return { theme, data }; }, 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, }, loading: 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.theme.computedThemes.value.fairSharingTheme.colors .bg_standard_record_card; break; case \"Database\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_database_record_card; break; case \"Policy\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_policy_record_card; break; case \"Collection\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_collection_record_card; break; } return finalCardBackColor; }, currentRoute() { let id = this.$route.params[\"id\"]; if (id !== undefined &amp;&amp; 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.display.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 target() { 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(); }, }, // unmounted() { // // 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.loading = true; _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; } } _module.loading = false; _module.$emit(\"showDialog\", !_module.loading); }, 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() .isIncomplete() .isMissingRecommendedFields() .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\", /** * Pushing artificial param breaks app * Ref: https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22 */ // 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: `${import.meta.env.VITE_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: `${import.meta.env.VITE_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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORD EDITS BY MONTH &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;div&gt; &lt;v-container class=\"pa-0\" fluid&gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.display.lgAndUp\" class=\"d-flex mt-2 ml-2\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.display.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.display.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.display.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.display.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else class=\"ml-3 mt-2\" cols=\"12\"&gt; &lt;v-btn class=\"bg-info\" @click=\"showFiltersSM = true\"&gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon size=\"small\"&gt; fas 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;div&gt; &lt;v-dialog v-model=\"showFiltersSM\" :scrim=\"false\" fullscreen scrollable&gt; &lt;v-card&gt; &lt;v-card-title class=\"bg-primary text-white pb-5 d-flex\"&gt; &lt;span&gt;Add a filter&lt;/span&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"white\" icon=\"fas fa-xmark fa-solid\" size=\"x-small\" variant=\"elevated\" @click=\"showFiltersSM = false\" &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;/div&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"isLoading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" persistent &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; 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, 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 () { document.title = \"FAIRsharing | \" + this.getTitle; // Setting up the metaInfo of the page 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). } }); }, beforeUnmount() { this.cleanRecordsStore(); }, unmounted() { 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, ); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS CREATED BY MONTH &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS NEEDING REVIEW &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS WITHOUT DOIS &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template&gt; &lt;v-card v-if=\"!tabsDataExist\" :color=\"backColor\" border class=\"pa-4 d-flex flex-column overflow-initial\" elevation=\"3\" tile &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\" :custom-filter=\"nameAbbrFilter\" :disabled=\" tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data .length &lt; 5 \" :items=\"getValues\" :menu-props=\"{ attach: true }\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" clearable color=\"primary\" density=\"compact\" item-title=\"name\" item-value=\"name\" prepend-inner-icon=\"fas fa-search\" style=\"z-index: 2\" variant=\"solo\" &gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list class=\"cursor-pointer pl-5 item-name\"&gt; &lt;div class=\"\" v-bind=\"props\"&gt; &lt;span&gt; {{ item.raw.name }} &lt;/span&gt; &lt;/div&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :hide-slider=\" tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data .length === 0 \" :show-arrows=\"$vuetify.display.mdAndDown\" bg-color=\"transparent\" class=\"mb-5\" color=\"accent3\" grow slider-color=\"accent3\" &gt; &lt;v-tab v-for=\"(tabName, tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName + '_' + tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length === 0\" :value=\"tabIndex\" @click=\"selectedValues = null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-window v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"bg-transparent height-430\" &gt; &lt;v-tabs-window-item v-for=\"(tabItem, tabItemIndex) in filterList\" :key=\"tabItem + '_' + tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" class=\"ma-4 overflow-x-hidden\" height=\"400\" item-height=\"130\" &gt; &lt;template #default=\"{ item, index }\"&gt; &lt;router-link :to=\"'/' + item.id\" @click=\"() =&gt; $scrollTo('body', 0, {})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat &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=\"text-grey relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ item.object }} &lt;v-tooltip location=\"top\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label + '_' + indexLabel\" class=\"text-red mouse-info\" v-bind=\"props\" &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-tabs-window-item&gt; &lt;/v-tabs-window&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.tabsData.tabs[\"related_collections\"] = { registry: [\"Collection\"], data: [], count: 0, }; } if ( _module.currentRecord[\"fairsharingRecord\"].registry === \"FAIRassist\" || _module.currentRecord[\"fairsharingRecord\"].registry === \"Standard\" ) { _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 commenthttps://www.jcmilitaria.com/search_stock.asp?start=0&amp;offset=8: // 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(itemTitle, queryText, item) { const search = queryText.toLowerCase(); const name = item.raw.name.toLowerCase(); if (item.raw.abbreviation === null) { let answer = name.indexOf(search) &gt; -1; return answer; } else { let answer = name.indexOf(search) &gt; -1 || item.raw.abbreviation.toLowerCase().indexOf(search) &gt; -1; return answer; } }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .item-name { &amp;:hover { background-color: #00000008; } } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;div&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 text-white mb-4 text-center\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0 px-6\"&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 px-6\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"text-white order-md-2\" color=\"accent2\" to=\"/accounts/profile\" variant=\"elevated\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @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 text-white mb-4 text-center\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0 px-6\"&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 px-6\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"text-white order-md-2\" color=\"accent2\" data-test=\"restart-btn\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"secondary\" data-test=\"close-btn\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; // import saveSearch from \"@/store\"; export default { name: \"ResultCard\", emits: [\"restartStepper\"], data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); this.$store.commit(\"saveSearch/setShowStepper\", true); this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 0); }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 text-white saveSearchResults font-12\" color=\"accent2\" size=\"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() { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :model-value=\"stepperDialog\" :retain-focus=\"false\" persistent width=\"900\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restart-stepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper :model-value=\"steps\" class=\"rounded-t-0\" non-linear&gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-item :complete=\"steps &gt; 1\" :value=\"1\" editable subtitle=\"Optional\" title=\"Create Policy Link\" @click=\"steps = 1\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-item v-if=\"user().is_super_curator\" :complete=\"steps &gt; 2\" :value=\"2\" editable subtitle=\"Optional\" title=\"Create Organisation Link\" @click=\"steps = 2\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-item v-if=\"user().is_super_curator\" :complete=\"steps &gt; 3\" :value=\"3\" editable subtitle=\"Optional\" title=\"Create User Link\" @click=\"steps = 3\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-item :value=\"user().is_super_curator ? 4 : 2\" editable @click=\"steps = user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-item&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-window :model-value=\"steps\" class=\"ma-6\"&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-window-item :value=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn :class=\"{ 'full-width': $vuetify.display.smAndDown }\" class=\"float-md-right my-3\" color=\"primary\" variant=\"elevated\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-window-item v-if=\"user().is_super_curator\" :value=\"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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"order-md-2\" color=\"primary\" variant=\"elevated\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-window-item v-if=\"user().is_super_curator\" :value=\"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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"order-md-2\" color=\"primary\" variant=\"elevated\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-window-item :value=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\"&gt; &lt;v-text-field v-model=\"searchName\" :rules=\"[isRequired()]\" label=\"Search Name\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" label=\"Comments\" maxlength=\"100\" /&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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" :disabled=\"!searchForm\" :loading=\"loading\" class=\"order-md-2\" color=\"success order-md-1\" variant=\"elevated\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"text-white\" color=\"accent3\" variant=\"elevated\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;/v-window&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restart-stepper=\"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: 0, 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 this.$store.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { this.$store.commit(\"saveSearch/setSaveSearchStatus\", false); } else { this.$store.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { this.$store.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Value 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat &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 :href=\"`/users/${search.creator['id']}`\" class=\"underline-effect\" &gt;{{ search.creator[\"username\"] }}&lt;/a &gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"text-grey 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 variant=\"text\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;fas fa-unlink&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=\"text-white\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"unlinkLoader\" class=\"text-white\" color=\"success\" @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\"; 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 this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"[ 'pa-2 overflow-auto', $vuetify.display.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" border 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 variant=\"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: 0.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 { GloballyUnique, IsImplemented, Persistent, Resolvable, 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: \"\", }, { identifier: \"globallyUnique\", name: \"Globally Unique\", component: GloballyUnique, initialValue: \"\", }, { identifier: \"persistent\", name: \"Persistent\", component: Persistent, initialValue: \"\", }, { identifier: \"resolvable\", name: \"Resolvable\", component: Resolvable, 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 bg-white py-3\" style=\"position: relative\"&gt; &lt;h2 class=\"text-center\"&gt;Save Your Search&lt;/h2&gt; &lt;v-btn elevation=\"0\" icon style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"40px\" @click=\"closeStepperDialog()\" /&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\", emits: [\"restartStepper\"], computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 0); } this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchSubjects\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Subject\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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; × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols=\"12\"&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=\"bg-green text-white d-flex align-center\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"bg-info ml-5\" @click.stop=\"showAddMessage()\"&gt; &lt;v-icon class=\"mr-1\" color=\"white\" icon=\"fas fa-plus\" /&gt; &lt;span class=\"text-white\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :headers=\"headerItems\" :items=\"systemMessages\" :items-per-page-options=\"[5, 10, 20, 25, 30]\" :loading=\"loading\" &gt; &lt;template v-if=\"systemMessages\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer; border-bottom: 1px dashed grey\" v-bind=\"menuProps\" &gt; {{ item.message || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Message &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.message\" hide-details label=\"Edit away!\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveEditedMessage(item.id, item.message); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; {{ item.created_at }} &lt;/td&gt; &lt;td&gt; {{ item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" end icon=\"fas fa-trash\" size=\"small\" @click=\"deleteMessage(item.id)\" /&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;v-row&gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&gt; Add new message&lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" clearable label=\"New message\" name=\"new-message-field\" placeholder=\"Type a message here...\" regular /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"red-darken-1\" variant=\"elevated\" @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"!dialogs.newMessage\" color=\"blue-darken-1\" variant=\"elevated\" @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-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @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-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 this.$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 this.$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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchTaxonomies\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Taxonomies\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchUserDefinedTags\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"UserDefinedTag\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" return-object &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props: tooltipProps }\"&gt; &lt;span class=\"clickable text-decoration-underline\" color=\"nordnetBlue\" size=\"small\" v-bind=\"mergeProps(menuProps, tooltipProps)\" &gt; {{ item.curator || \"Assign Curator\" }} &lt;/span&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=\"(curator, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(item.id, curator.id, curator.userName) \" &gt; &lt;v-list-item-title&gt; {{ curator.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=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"item.lastEditor === 'unknown'\"&gt; {{ item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idLastEditor\" @click.prevent=\"navigateTo('/users/' + item.idLastEditor)\" &gt; {{ item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"success\" size=\"small\" slim variant=\"elevated\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" approveChangesMenu(item.recordName, item.id, item.hidden) \" &gt; fas fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end size=\"small\" @click=\"deleteRecordMenu(item.recordName, item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;a :href=\"'/' + item.id + '/edit'\" style=\"padding-left: 12px\" @click.prevent=\"navigateTo('/' + item.id + '/edit')\" &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;/div&gt; &lt;/td&gt; &lt;td&gt; {{ item.createdAt }}, &lt;div v-if=\"item.creator === 'unknown'\"&gt; {{ item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idCreator\" @click.prevent=\"navigateTo('/users/' + item.idCreator)\" &gt; {{ 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-dialog v-model=\"dialogs.approveChanges\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" class=\"pr-3\" color=\"green\" hide-details label=\"Create Review\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" hide-details label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"elevated\" @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-card&gt; &lt;/template&gt; &lt;script&gt; import {mergeProps} from \"vue\"; 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\"; import navigateTo from \"@/utils/generalUtils\"; import Loaders from \"@/components/Navigation/Loaders.vue\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Loaders, Icon, }, mixins: [formatDate, compareRecordDescUpdate, navigateTo], 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; const token = this.user().credentials.token; //Fetching records approval awaiting data client.setHeader(token); let data = await client.executeQuery(getUserApprovalsRequired); client.setHeader(token); let listOfCurators = await client.executeQuery(getCuratorList); client.setHeader(token); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired), ); this.loading = false; }, methods: { mergeProps, ...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 ? rec.processingNotes.note : \"\", processingNoteId: rec.processingNotes ? rec.processingNotes.id : null, 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, ); /* v8 ignore next 3 */ 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); }, /** * Create processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @param item {Object} - Record object * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } preparedRecord.skip_approval = true; 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; } :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchUser\" :items=\"usersList\" :loading=\"loading\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"username\" item-value=\"id\" label=\"Enter text to search for additional user(s) to associate with this saved search\" multiple variant=\"underlined\" &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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table :footer-props=\"footer\" :headers=\"headers\" :items=\"totalSearches\" :items-per-page=\"perPage\" calculate-widths class=\"userProfileSavedSearches\" 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; fas fa-unlink &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=\"text-white\" color=\"accent3\" @click=\"closeDialog\"&gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"loading\" class=\"text-white\" color=\"success\" @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=\"text-white\" color=\"accent3\" @click=\"closeDialog\"&gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"loading\" class=\"text-white\" color=\"success\" @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 = [ { title: \"Creator\", value: \"creator\", align: \"center\", sortable: false, }, { title: \"Date\", value: \"date\", align: \"center\", sortable: false }, { title: \"Name\", value: \"name\", align: \"center\", sortable: false }, { title: \"Comments\", value: \"comments\", align: \"center\", sortable: false, }, { title: \"Record\", value: \"record\", align: \"center\", sortable: false }, { title: \"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 this.$store.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() { this.$store.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; @use \"sass:map\"; @use \"vuetify/settings\" as v; .userProfileSavedSearches:deep(*) { table { tbody { tr { td { word-break: break-all; @media #{map.get(v.$display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"utils_query-builder-vue-3_dist_query-builder-vue-3.js.html":{"id":"utils_query-builder-vue-3_dist_query-builder-vue-3.js.html","title":"Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) =&gt; key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) =&gt; { __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value); return value; }; import { resolveComponent, TransitionGroup, defineComponent, h, nextTick, computed, openBlock, createElementBlock, unref, createCommentVNode, renderSlot, normalizeProps, mergeProps, Fragment, createElementVNode, toDisplayString, createBlock, resolveDynamicComponent, isRef, createSlots, renderList, withCtx, guardReactiveProps, withModifiers, pushScopeId, popScopeId, inject, watch, onMounted, ref, withDirectives, vModelSelect, createVNode, provide } from \"vue\"; function isRule(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } const { hasOwnProperty } = Object.prototype; return hasOwnProperty.call(param, \"value\"); } function isRuleSet(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.operatorIdentifier !== \"string\") { return false; } return Array.isArray(param.children) &amp;&amp; param.children.every((child) =&gt; isRule(child) || isRuleSet(child)); } function isOperatorDefinition(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } return typeof param.name === \"string\"; } function isRuleDefinition(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } if (typeof param.name !== \"string\") { return false; } return [\"function\", \"object\", \"string\"].includes(typeof param.component); } function isQueryBuilderConfig(param) { if (typeof param !== \"object\" || param === null) { return false; } return Array.isArray(param.operators) &amp;&amp; param.operators.every((operator) =&gt; isOperatorDefinition(operator)) &amp;&amp; Array.isArray(param.rules) &amp;&amp; param.rules.every((rule) =&gt; isRuleDefinition(rule)) &amp;&amp; (!param.colors || Array.isArray(param.colors) &amp;&amp; param.colors.every((color) =&gt; typeof color === \"string\")) &amp;&amp; (typeof param.maxDepth === \"undefined\" || typeof param.maxDepth === \"number\" &amp;&amp; param.maxDepth &gt;= 0); } function mitt(n) { return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) { var i = n.get(t); i ? i.push(e) : n.set(t, [e]); }, off: function(t, e) { var i = n.get(t); i &amp;&amp; (e ? i.splice(i.indexOf(e) &gt;&gt;&gt; 0, 1) : n.set(t, [])); }, emit: function(t, e) { var i = n.get(t); i &amp;&amp; i.slice().map(function(n2) { n2(e); }), (i = n.get(\"*\")) &amp;&amp; i.slice().map(function(n2) { n2(t, e); }); } }; } const QueryBuilderGroupSym = Symbol(\"QueryBuilderGroup\"); function getNextGroup(group) { if (group.depth &lt; 1) { return group; } let vm = group; do { vm = vm.$parent; } while (vm.type !== QueryBuilderGroupSym); return vm; } function getCommonAncestor(nodeA, nodeB) { let a = nodeA; let b = nodeB; if (a.depth !== b.depth) { let lower = a.depth &gt; b.depth ? a : b; const higher = a.depth &lt; b.depth ? a : b; while (lower.depth !== higher.depth) { lower = getNextGroup(lower); } a = lower; b = higher; } while (a !== b) { a = getNextGroup(a); b = getNextGroup(b); } return a; } function triggerUpdate(adder, remover) { const commonAncestor = getCommonAncestor(adder.component, remover.component); if (![adder.component, remover.component].includes(commonAncestor)) { mergeViaParent(commonAncestor, adder, remover); return; } mergeViaNode(commonAncestor, adder, remover); } function mergeViaParent(commonAncestor, adder, remover) { let children = null; commonAncestor.trap = (position, newChild) =&gt; { if (children === null) { children = [...commonAncestor.children]; children.splice(position, 1, newChild); return; } commonAncestor.trap = null; children.splice(position, 1, newChild); commonAncestor.$emit( \"query-update\", { operatorIdentifier: commonAncestor.selectedOperator, children } ); }; adder.component.$emit(\"query-update\", adder.ev); remover.component.$emit(\"query-update\", remover.ev); } function mergeViaNode(parentEmitter, adder, remover) { const childEmitter = parentEmitter === adder.component ? remover : adder; const children = [...parentEmitter.children]; parentEmitter.trap = (position, newChild) =&gt; { parentEmitter.trap = null; children.splice(position, 1, newChild); if (parentEmitter === adder.component) { children.splice(adder.affectedIdx, 0, adder.ev.children[adder.affectedIdx]); } else { children.splice(remover.affectedIdx, 1); } parentEmitter.$emit( \"query-update\", { operatorIdentifier: parentEmitter.selectedOperator, children } ); }; childEmitter.component.$emit(\"query-update\", childEmitter.ev); } class MergeTrap { constructor() { __publicField(this, \"eventBus\"); this.eventBus = mitt(); Promise.all([ new Promise((res) =&gt; this.eventBus.on(\"adder-registered\", res)), new Promise((res) =&gt; this.eventBus.on(\"remover-registered\", res)) ]).then((args) =&gt; triggerUpdate(args[0], args[1])).then(() =&gt; this.eventBus.all.clear()); } registerSortUpdate(update) { if (update.adding) { return this.registerAdder(update); } return this.registerRemover(update); } registerAdder(ev) { this.eventBus.emit(\"adder-registered\", ev); } registerRemover(ev) { this.eventBus.emit(\"remover-registered\", ev); } } const _imports_0 = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJncmlwLXZlcnRpY2FsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZ3JpcC12ZXJ0aWNhbCBmYS13LTEwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiPjxwYXRoIGZpbGw9IiNCQkIiIGQ9Ik05NiAzMkgzMkMxNC4zMyAzMiAwIDQ2LjMzIDAgNjR2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMyVjY0YzAtMTcuNjctMTQuMzMtMzItMzItMzJ6bTAgMTYwSDMyYy0xNy42NyAwLTMyIDE0LjMzLTMyIDMydjY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJoNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMnYtNjRjMC0xNy42Ny0xNC4zMy0zMi0zMi0zMnptMCAxNjBIMzJjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyek0yODggMzJoLTY0Yy0xNy42NyAwLTMyIDE0LjMzLTMyIDMydjY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJoNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMlY2NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyem0wIDE2MGgtNjRjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyem0wIDE2MGgtNjRjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyeiI+PC9wYXRoPjwvc3ZnPgo=\"; /**! * Sortable 1.14.0 * @author RubaXa &lt;trash@rubaxa.org&gt; * @author owenm &lt;owen23355@gmail.com&gt; * @license MIT */ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i &lt; arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function(key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function(key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" &amp;&amp; typeof Symbol.iterator === \"symbol\") { _typeof = function(obj2) { return typeof obj2; }; } else { _typeof = function(obj2) { return obj2 &amp;&amp; typeof Symbol === \"function\" &amp;&amp; obj2.constructor === Symbol &amp;&amp; obj2 !== Symbol.prototype ? \"symbol\" : typeof obj2; }; } return _typeof(obj); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _extends() { _extends = Object.assign || function(target) { for (var i = 1; i &lt; arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i &lt; sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) &gt;= 0) continue; target[key] = source[key]; } return target; } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i &lt; sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) &gt;= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } var version = \"1.14.0\"; function userAgent(pattern) { if (typeof window !== \"undefined\" &amp;&amp; window.navigator) { return !!/* @__PURE__ */ navigator.userAgent.match(pattern); } } var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\\.|msie|iemobile|Windows Phone)/i); var Edge = userAgent(/Edge/i); var FireFox = userAgent(/firefox/i); var Safari = userAgent(/safari/i) &amp;&amp; !userAgent(/chrome/i) &amp;&amp; !userAgent(/android/i); var IOS = userAgent(/iP(ad|od|hone)/i); var ChromeForAndroid = userAgent(/chrome/i) &amp;&amp; userAgent(/android/i); var captureMode = { capture: false, passive: false }; function on(el, event, fn) { el.addEventListener(event, fn, !IE11OrLess &amp;&amp; captureMode); } function off(el, event, fn) { el.removeEventListener(event, fn, !IE11OrLess &amp;&amp; captureMode); } function matches(el, selector) { if (!selector) return; selector[0] === \"&gt;\" &amp;&amp; (selector = selector.substring(1)); if (el) { try { if (el.matches) { return el.matches(selector); } else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); } else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); } } catch (_) { return false; } } return false; } function getParentOrHost(el) { return el.host &amp;&amp; el !== document &amp;&amp; el.host.nodeType ? el.host : el.parentNode; } function closest(el, selector, ctx, includeCTX) { if (el) { ctx = ctx || document; do { if (selector != null &amp;&amp; (selector[0] === \"&gt;\" ? el.parentNode === ctx &amp;&amp; matches(el, selector) : matches(el, selector)) || includeCTX &amp;&amp; el === ctx) { return el; } if (el === ctx) break; } while (el = getParentOrHost(el)); } return null; } var R_SPACE = /\\s+/g; function toggleClass(el, name, state) { if (el &amp;&amp; name) { if (el.classList) { el.classList[state ? \"add\" : \"remove\"](name); } else { var className = (\" \" + el.className + \" \").replace(R_SPACE, \" \").replace(\" \" + name + \" \", \" \"); el.className = (className + (state ? \" \" + name : \"\")).replace(R_SPACE, \" \"); } } } function css(el, prop, val) { var style = el &amp;&amp; el.style; if (style) { if (val === void 0) { if (document.defaultView &amp;&amp; document.defaultView.getComputedStyle) { val = document.defaultView.getComputedStyle(el, \"\"); } else if (el.currentStyle) { val = el.currentStyle; } return prop === void 0 ? val : val[prop]; } else { if (!(prop in style) &amp;&amp; prop.indexOf(\"webkit\") === -1) { prop = \"-webkit-\" + prop; } style[prop] = val + (typeof val === \"string\" ? \"\" : \"px\"); } } } function matrix(el, selfOnly) { var appliedTransforms = \"\"; if (typeof el === \"string\") { appliedTransforms = el; } else { do { var transform = css(el, \"transform\"); if (transform &amp;&amp; transform !== \"none\") { appliedTransforms = transform + \" \" + appliedTransforms; } } while (!selfOnly &amp;&amp; (el = el.parentNode)); } var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix; return matrixFn &amp;&amp; new matrixFn(appliedTransforms); } function find(ctx, tagName, iterator) { if (ctx) { var list = ctx.getElementsByTagName(tagName), i = 0, n = list.length; if (iterator) { for (; i &lt; n; i++) { iterator(list[i], i); } } return list; } return []; } function getWindowScrollingElement() { var scrollingElement = document.scrollingElement; if (scrollingElement) { return scrollingElement; } else { return document.documentElement; } } function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) { if (!el.getBoundingClientRect &amp;&amp; el !== window) return; var elRect, top, left, bottom, right, height, width; if (el !== window &amp;&amp; el.parentNode &amp;&amp; el !== getWindowScrollingElement()) { elRect = el.getBoundingClientRect(); top = elRect.top; left = elRect.left; bottom = elRect.bottom; right = elRect.right; height = elRect.height; width = elRect.width; } else { top = 0; left = 0; bottom = window.innerHeight; right = window.innerWidth; height = window.innerHeight; width = window.innerWidth; } if ((relativeToContainingBlock || relativeToNonStaticParent) &amp;&amp; el !== window) { container = container || el.parentNode; if (!IE11OrLess) { do { if (container &amp;&amp; container.getBoundingClientRect &amp;&amp; (css(container, \"transform\") !== \"none\" || relativeToNonStaticParent &amp;&amp; css(container, \"position\") !== \"static\")) { var containerRect = container.getBoundingClientRect(); top -= containerRect.top + parseInt(css(container, \"border-top-width\")); left -= containerRect.left + parseInt(css(container, \"border-left-width\")); bottom = top + elRect.height; right = left + elRect.width; break; } } while (container = container.parentNode); } } if (undoScale &amp;&amp; el !== window) { var elMatrix = matrix(container || el), scaleX = elMatrix &amp;&amp; elMatrix.a, scaleY = elMatrix &amp;&amp; elMatrix.d; if (elMatrix) { top /= scaleY; left /= scaleX; width /= scaleX; height /= scaleY; bottom = top + height; right = left + width; } } return { top, left, bottom, right, width, height }; } function isScrolledPast(el, elSide, parentSide) { var parent = getParentAutoScrollElement(el, true), elSideVal = getRect(el)[elSide]; while (parent) { var parentSideVal = getRect(parent)[parentSide], visible = void 0; if (parentSide === \"top\" || parentSide === \"left\") { visible = elSideVal &gt;= parentSideVal; } else { visible = elSideVal &lt;= parentSideVal; } if (!visible) return parent; if (parent === getWindowScrollingElement()) break; parent = getParentAutoScrollElement(parent, false); } return false; } function getChild(el, childNum, options, includeDragEl) { var currentChild = 0, i = 0, children = el.children; while (i &lt; children.length) { if (children[i].style.display !== \"none\" &amp;&amp; children[i] !== Sortable.ghost &amp;&amp; (includeDragEl || children[i] !== Sortable.dragged) &amp;&amp; closest(children[i], options.draggable, el, false)) { if (currentChild === childNum) { return children[i]; } currentChild++; } i++; } return null; } function lastChild(el, selector) { var last = el.lastElementChild; while (last &amp;&amp; (last === Sortable.ghost || css(last, \"display\") === \"none\" || selector &amp;&amp; !matches(last, selector))) { last = last.previousElementSibling; } return last || null; } function index(el, selector) { var index2 = 0; if (!el || !el.parentNode) { return -1; } while (el = el.previousElementSibling) { if (el.nodeName.toUpperCase() !== \"TEMPLATE\" &amp;&amp; el !== Sortable.clone &amp;&amp; (!selector || matches(el, selector))) { index2++; } } return index2; } function getRelativeScrollOffset(el) { var offsetLeft = 0, offsetTop = 0, winScroller = getWindowScrollingElement(); if (el) { do { var elMatrix = matrix(el), scaleX = elMatrix.a, scaleY = elMatrix.d; offsetLeft += el.scrollLeft * scaleX; offsetTop += el.scrollTop * scaleY; } while (el !== winScroller &amp;&amp; (el = el.parentNode)); } return [offsetLeft, offsetTop]; } function indexOfObject(arr, obj) { for (var i in arr) { if (!arr.hasOwnProperty(i)) continue; for (var key in obj) { if (obj.hasOwnProperty(key) &amp;&amp; obj[key] === arr[i][key]) return Number(i); } } return -1; } function getParentAutoScrollElement(el, includeSelf) { if (!el || !el.getBoundingClientRect) return getWindowScrollingElement(); var elem = el; var gotSelf = false; do { if (elem.clientWidth &lt; elem.scrollWidth || elem.clientHeight &lt; elem.scrollHeight) { var elemCSS = css(elem); if (elem.clientWidth &lt; elem.scrollWidth &amp;&amp; (elemCSS.overflowX == \"auto\" || elemCSS.overflowX == \"scroll\") || elem.clientHeight &lt; elem.scrollHeight &amp;&amp; (elemCSS.overflowY == \"auto\" || elemCSS.overflowY == \"scroll\")) { if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement(); if (gotSelf || includeSelf) return elem; gotSelf = true; } } } while (elem = elem.parentNode); return getWindowScrollingElement(); } function extend(dst, src) { if (dst &amp;&amp; src) { for (var key in src) { if (src.hasOwnProperty(key)) { dst[key] = src[key]; } } } return dst; } function isRectEqual(rect1, rect2) { return Math.round(rect1.top) === Math.round(rect2.top) &amp;&amp; Math.round(rect1.left) === Math.round(rect2.left) &amp;&amp; Math.round(rect1.height) === Math.round(rect2.height) &amp;&amp; Math.round(rect1.width) === Math.round(rect2.width); } var _throttleTimeout; function throttle(callback, ms) { return function() { if (!_throttleTimeout) { var args = arguments, _this = this; if (args.length === 1) { callback.call(_this, args[0]); } else { callback.apply(_this, args); } _throttleTimeout = setTimeout(function() { _throttleTimeout = void 0; }, ms); } }; } function cancelThrottle() { clearTimeout(_throttleTimeout); _throttleTimeout = void 0; } function scrollBy(el, x, y) { el.scrollLeft += x; el.scrollTop += y; } function clone(el) { var Polymer = window.Polymer; var $ = window.jQuery || window.Zepto; if (Polymer &amp;&amp; Polymer.dom) { return Polymer.dom(el).cloneNode(true); } else if ($) { return $(el).clone(true)[0]; } else { return el.cloneNode(true); } } var expando = \"Sortable\" + new Date().getTime(); function AnimationStateManager() { var animationStates = [], animationCallbackId; return { captureAnimationState: function captureAnimationState() { animationStates = []; if (!this.options.animation) return; var children = [].slice.call(this.el.children); children.forEach(function(child) { if (css(child, \"display\") === \"none\" || child === Sortable.ghost) return; animationStates.push({ target: child, rect: getRect(child) }); var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); if (child.thisAnimationDuration) { var childMatrix = matrix(child, true); if (childMatrix) { fromRect.top -= childMatrix.f; fromRect.left -= childMatrix.e; } } child.fromRect = fromRect; }); }, addAnimationState: function addAnimationState(state) { animationStates.push(state); }, removeAnimationState: function removeAnimationState(target) { animationStates.splice(indexOfObject(animationStates, { target }), 1); }, animateAll: function animateAll(callback) { var _this = this; if (!this.options.animation) { clearTimeout(animationCallbackId); if (typeof callback === \"function\") callback(); return; } var animating = false, animationTime = 0; animationStates.forEach(function(state) { var time = 0, target = state.target, fromRect = target.fromRect, toRect = getRect(target), prevFromRect = target.prevFromRect, prevToRect = target.prevToRect, animatingRect = state.rect, targetMatrix = matrix(target, true); if (targetMatrix) { toRect.top -= targetMatrix.f; toRect.left -= targetMatrix.e; } target.toRect = toRect; if (target.thisAnimationDuration) { if (isRectEqual(prevFromRect, toRect) &amp;&amp; !isRectEqual(fromRect, toRect) &amp;&amp; (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) { time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options); } } if (!isRectEqual(toRect, fromRect)) { target.prevFromRect = fromRect; target.prevToRect = toRect; if (!time) { time = _this.options.animation; } _this.animate(target, animatingRect, toRect, time); } if (time) { animating = true; animationTime = Math.max(animationTime, time); clearTimeout(target.animationResetTimer); target.animationResetTimer = setTimeout(function() { target.animationTime = 0; target.prevFromRect = null; target.fromRect = null; target.prevToRect = null; target.thisAnimationDuration = null; }, time); target.thisAnimationDuration = time; } }); clearTimeout(animationCallbackId); if (!animating) { if (typeof callback === \"function\") callback(); } else { animationCallbackId = setTimeout(function() { if (typeof callback === \"function\") callback(); }, animationTime); } animationStates = []; }, animate: function animate(target, currentRect, toRect, duration) { if (duration) { css(target, \"transition\", \"\"); css(target, \"transform\", \"\"); var elMatrix = matrix(this.el), scaleX = elMatrix &amp;&amp; elMatrix.a, scaleY = elMatrix &amp;&amp; elMatrix.d, translateX = (currentRect.left - toRect.left) / (scaleX || 1), translateY = (currentRect.top - toRect.top) / (scaleY || 1); target.animatingX = !!translateX; target.animatingY = !!translateY; css(target, \"transform\", \"translate3d(\" + translateX + \"px,\" + translateY + \"px,0)\"); this.forRepaintDummy = repaint(target); css(target, \"transition\", \"transform \" + duration + \"ms\" + (this.options.easing ? \" \" + this.options.easing : \"\")); css(target, \"transform\", \"translate3d(0,0,0)\"); typeof target.animated === \"number\" &amp;&amp; clearTimeout(target.animated); target.animated = setTimeout(function() { css(target, \"transition\", \"\"); css(target, \"transform\", \"\"); target.animated = false; target.animatingX = false; target.animatingY = false; }, duration); } } }; } function repaint(target) { return target.offsetWidth; } function calculateRealTime(animatingRect, fromRect, toRect, options) { return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation; } var plugins = []; var defaults = { initializeByDefault: true }; var PluginManager = { mount: function mount(plugin) { for (var option2 in defaults) { if (defaults.hasOwnProperty(option2) &amp;&amp; !(option2 in plugin)) { plugin[option2] = defaults[option2]; } } plugins.forEach(function(p) { if (p.pluginName === plugin.pluginName) { throw \"Sortable: Cannot mount plugin \".concat(plugin.pluginName, \" more than once\"); } }); plugins.push(plugin); }, pluginEvent: function pluginEvent(eventName, sortable, evt) { var _this = this; this.eventCanceled = false; evt.cancel = function() { _this.eventCanceled = true; }; var eventNameGlobal = eventName + \"Global\"; plugins.forEach(function(plugin) { if (!sortable[plugin.pluginName]) return; if (sortable[plugin.pluginName][eventNameGlobal]) { sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({ sortable }, evt)); } if (sortable.options[plugin.pluginName] &amp;&amp; sortable[plugin.pluginName][eventName]) { sortable[plugin.pluginName][eventName](_objectSpread2({ sortable }, evt)); } }); }, initializePlugins: function initializePlugins(sortable, el, defaults2, options) { plugins.forEach(function(plugin) { var pluginName = plugin.pluginName; if (!sortable.options[pluginName] &amp;&amp; !plugin.initializeByDefault) return; var initialized = new plugin(sortable, el, sortable.options); initialized.sortable = sortable; initialized.options = sortable.options; sortable[pluginName] = initialized; _extends(defaults2, initialized.defaults); }); for (var option2 in sortable.options) { if (!sortable.options.hasOwnProperty(option2)) continue; var modified = this.modifyOption(sortable, option2, sortable.options[option2]); if (typeof modified !== \"undefined\") { sortable.options[option2] = modified; } } }, getEventProperties: function getEventProperties(name, sortable) { var eventProperties = {}; plugins.forEach(function(plugin) { if (typeof plugin.eventProperties !== \"function\") return; _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name)); }); return eventProperties; }, modifyOption: function modifyOption(sortable, name, value) { var modifiedValue; plugins.forEach(function(plugin) { if (!sortable[plugin.pluginName]) return; if (plugin.optionListeners &amp;&amp; typeof plugin.optionListeners[name] === \"function\") { modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value); } }); return modifiedValue; } }; function dispatchEvent(_ref) { var sortable = _ref.sortable, rootEl2 = _ref.rootEl, name = _ref.name, targetEl = _ref.targetEl, cloneEl2 = _ref.cloneEl, toEl = _ref.toEl, fromEl = _ref.fromEl, oldIndex2 = _ref.oldIndex, newIndex2 = _ref.newIndex, oldDraggableIndex2 = _ref.oldDraggableIndex, newDraggableIndex2 = _ref.newDraggableIndex, originalEvent = _ref.originalEvent, putSortable2 = _ref.putSortable, extraEventProperties = _ref.extraEventProperties; sortable = sortable || rootEl2 &amp;&amp; rootEl2[expando]; if (!sortable) return; var evt, options = sortable.options, onName = \"on\" + name.charAt(0).toUpperCase() + name.substr(1); if (window.CustomEvent &amp;&amp; !IE11OrLess &amp;&amp; !Edge) { evt = new CustomEvent(name, { bubbles: true, cancelable: true }); } else { evt = document.createEvent(\"Event\"); evt.initEvent(name, true, true); } evt.to = toEl || rootEl2; evt.from = fromEl || rootEl2; evt.item = targetEl || rootEl2; evt.clone = cloneEl2; evt.oldIndex = oldIndex2; evt.newIndex = newIndex2; evt.oldDraggableIndex = oldDraggableIndex2; evt.newDraggableIndex = newDraggableIndex2; evt.originalEvent = originalEvent; evt.pullMode = putSortable2 ? putSortable2.lastPutMode : void 0; var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable)); for (var option2 in allEventProperties) { evt[option2] = allEventProperties[option2]; } if (rootEl2) { rootEl2.dispatchEvent(evt); } if (options[onName]) { options[onName].call(sortable, evt); } } var _excluded = [\"evt\"]; var pluginEvent2 = function pluginEvent3(eventName, sortable) { var _ref = arguments.length &gt; 2 &amp;&amp; arguments[2] !== void 0 ? arguments[2] : {}, originalEvent = _ref.evt, data = _objectWithoutProperties(_ref, _excluded); PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({ dragEl, parentEl, ghostEl, rootEl, nextEl, lastDownEl, cloneEl, cloneHidden, dragStarted: moved, putSortable, activeSortable: Sortable.active, originalEvent, oldIndex, oldDraggableIndex, newIndex, newDraggableIndex, hideGhostForTarget: _hideGhostForTarget, unhideGhostForTarget: _unhideGhostForTarget, cloneNowHidden: function cloneNowHidden() { cloneHidden = true; }, cloneNowShown: function cloneNowShown() { cloneHidden = false; }, dispatchSortableEvent: function dispatchSortableEvent(name) { _dispatchEvent({ sortable, name, originalEvent }); } }, data)); }; function _dispatchEvent(info) { dispatchEvent(_objectSpread2({ putSortable, cloneEl, targetEl: dragEl, rootEl, oldIndex, oldDraggableIndex, newIndex, newDraggableIndex }, info)); } var dragEl, parentEl, ghostEl, rootEl, nextEl, lastDownEl, cloneEl, cloneHidden, oldIndex, newIndex, oldDraggableIndex, newDraggableIndex, activeGroup, putSortable, awaitingDragStarted = false, ignoreNextClick = false, sortables = [], tapEvt, touchEvt, lastDx, lastDy, tapDistanceLeft, tapDistanceTop, moved, lastTarget, lastDirection, pastFirstInvertThresh = false, isCircumstantialInvert = false, targetMoveDistance, ghostRelativeParent, ghostRelativeParentInitialScroll = [], _silent = false, savedInputChecked = []; var documentExists = typeof document !== \"undefined\", PositionGhostAbsolutely = IOS, CSSFloatProperty = Edge || IE11OrLess ? \"cssFloat\" : \"float\", supportDraggable = documentExists &amp;&amp; !ChromeForAndroid &amp;&amp; !IOS &amp;&amp; \"draggable\" in document.createElement(\"div\"), supportCssPointerEvents = function() { if (!documentExists) return; if (IE11OrLess) { return false; } var el = document.createElement(\"x\"); el.style.cssText = \"pointer-events:auto\"; return el.style.pointerEvents === \"auto\"; }(), _detectDirection = function _detectDirection2(el, options) { var elCSS = css(el), elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth), child1 = getChild(el, 0, options), child2 = getChild(el, 1, options), firstChildCSS = child1 &amp;&amp; css(child1), secondChildCSS = child2 &amp;&amp; css(child2), firstChildWidth = firstChildCSS &amp;&amp; parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width, secondChildWidth = secondChildCSS &amp;&amp; parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width; if (elCSS.display === \"flex\") { return elCSS.flexDirection === \"column\" || elCSS.flexDirection === \"column-reverse\" ? \"vertical\" : \"horizontal\"; } if (elCSS.display === \"grid\") { return elCSS.gridTemplateColumns.split(\" \").length &lt;= 1 ? \"vertical\" : \"horizontal\"; } if (child1 &amp;&amp; firstChildCSS[\"float\"] &amp;&amp; firstChildCSS[\"float\"] !== \"none\") { var touchingSideChild2 = firstChildCSS[\"float\"] === \"left\" ? \"left\" : \"right\"; return child2 &amp;&amp; (secondChildCSS.clear === \"both\" || secondChildCSS.clear === touchingSideChild2) ? \"vertical\" : \"horizontal\"; } return child1 &amp;&amp; (firstChildCSS.display === \"block\" || firstChildCSS.display === \"flex\" || firstChildCSS.display === \"table\" || firstChildCSS.display === \"grid\" || firstChildWidth &gt;= elWidth &amp;&amp; elCSS[CSSFloatProperty] === \"none\" || child2 &amp;&amp; elCSS[CSSFloatProperty] === \"none\" &amp;&amp; firstChildWidth + secondChildWidth &gt; elWidth) ? \"vertical\" : \"horizontal\"; }, _dragElInRowColumn = function _dragElInRowColumn2(dragRect, targetRect, vertical) { var dragElS1Opp = vertical ? dragRect.left : dragRect.top, dragElS2Opp = vertical ? dragRect.right : dragRect.bottom, dragElOppLength = vertical ? dragRect.width : dragRect.height, targetS1Opp = vertical ? targetRect.left : targetRect.top, targetS2Opp = vertical ? targetRect.right : targetRect.bottom, targetOppLength = vertical ? targetRect.width : targetRect.height; return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2; }, _detectNearestEmptySortable = function _detectNearestEmptySortable2(x, y) { var ret; sortables.some(function(sortable) { var threshold = sortable[expando].options.emptyInsertThreshold; if (!threshold || lastChild(sortable)) return; var rect = getRect(sortable), insideHorizontally = x &gt;= rect.left - threshold &amp;&amp; x &lt;= rect.right + threshold, insideVertically = y &gt;= rect.top - threshold &amp;&amp; y &lt;= rect.bottom + threshold; if (insideHorizontally &amp;&amp; insideVertically) { return ret = sortable; } }); return ret; }, _prepareGroup = function _prepareGroup2(options) { function toFn(value, pull) { return function(to, from, dragEl2, evt) { var sameGroup = to.options.group.name &amp;&amp; from.options.group.name &amp;&amp; to.options.group.name === from.options.group.name; if (value == null &amp;&amp; (pull || sameGroup)) { return true; } else if (value == null || value === false) { return false; } else if (pull &amp;&amp; value === \"clone\") { return value; } else if (typeof value === \"function\") { return toFn(value(to, from, dragEl2, evt), pull)(to, from, dragEl2, evt); } else { var otherGroup = (pull ? to : from).options.group.name; return value === true || typeof value === \"string\" &amp;&amp; value === otherGroup || value.join &amp;&amp; value.indexOf(otherGroup) &gt; -1; } }; } var group = {}; var originalGroup = options.group; if (!originalGroup || _typeof(originalGroup) != \"object\") { originalGroup = { name: originalGroup }; } group.name = originalGroup.name; group.checkPull = toFn(originalGroup.pull, true); group.checkPut = toFn(originalGroup.put); group.revertClone = originalGroup.revertClone; options.group = group; }, _hideGhostForTarget = function _hideGhostForTarget2() { if (!supportCssPointerEvents &amp;&amp; ghostEl) { css(ghostEl, \"display\", \"none\"); } }, _unhideGhostForTarget = function _unhideGhostForTarget2() { if (!supportCssPointerEvents &amp;&amp; ghostEl) { css(ghostEl, \"display\", \"\"); } }; if (documentExists) { document.addEventListener(\"click\", function(evt) { if (ignoreNextClick) { evt.preventDefault(); evt.stopPropagation &amp;&amp; evt.stopPropagation(); evt.stopImmediatePropagation &amp;&amp; evt.stopImmediatePropagation(); ignoreNextClick = false; return false; } }, true); } var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent2(evt) { if (dragEl) { evt = evt.touches ? evt.touches[0] : evt; var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY); if (nearest) { var event = {}; for (var i in evt) { if (evt.hasOwnProperty(i)) { event[i] = evt[i]; } } event.target = event.rootEl = nearest; event.preventDefault = void 0; event.stopPropagation = void 0; nearest[expando]._onDragOver(event); } } }; var _checkOutsideTargetEl = function _checkOutsideTargetEl2(evt) { if (dragEl) { dragEl.parentNode[expando]._isOutsideThisEl(evt.target); } }; function Sortable(el, options) { if (!(el &amp;&amp; el.nodeType &amp;&amp; el.nodeType === 1)) { throw \"Sortable: `el` must be an HTMLElement, not \".concat({}.toString.call(el)); } this.el = el; this.options = options = _extends({}, options); el[expando] = this; var defaults2 = { group: null, sort: true, disabled: false, store: null, handle: null, draggable: /^[uo]l$/i.test(el.nodeName) ? \"&gt;li\" : \"&gt;*\", swapThreshold: 1, invertSwap: false, invertedSwapThreshold: null, removeCloneOnHide: true, direction: function direction() { return _detectDirection(el, this.options); }, ghostClass: \"sortable-ghost\", chosenClass: \"sortable-chosen\", dragClass: \"sortable-drag\", ignore: \"a, img\", filter: null, preventOnFilter: true, animation: 0, easing: null, setData: function setData(dataTransfer, dragEl2) { dataTransfer.setData(\"Text\", dragEl2.textContent); }, dropBubble: false, dragoverBubble: false, dataIdAttr: \"data-id\", delay: 0, delayOnTouchOnly: false, touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1, forceFallback: false, fallbackClass: \"sortable-fallback\", fallbackOnBody: false, fallbackTolerance: 0, fallbackOffset: { x: 0, y: 0 }, supportPointer: Sortable.supportPointer !== false &amp;&amp; \"PointerEvent\" in window &amp;&amp; !Safari, emptyInsertThreshold: 5 }; PluginManager.initializePlugins(this, el, defaults2); for (var name in defaults2) { !(name in options) &amp;&amp; (options[name] = defaults2[name]); } _prepareGroup(options); for (var fn in this) { if (fn.charAt(0) === \"_\" &amp;&amp; typeof this[fn] === \"function\") { this[fn] = this[fn].bind(this); } } this.nativeDraggable = options.forceFallback ? false : supportDraggable; if (this.nativeDraggable) { this.options.touchStartThreshold = 1; } if (options.supportPointer) { on(el, \"pointerdown\", this._onTapStart); } else { on(el, \"mousedown\", this._onTapStart); on(el, \"touchstart\", this._onTapStart); } if (this.nativeDraggable) { on(el, \"dragover\", this); on(el, \"dragenter\", this); } sortables.push(this.el); options.store &amp;&amp; options.store.get &amp;&amp; this.sort(options.store.get(this) || []); _extends(this, AnimationStateManager()); } Sortable.prototype = { constructor: Sortable, _isOutsideThisEl: function _isOutsideThisEl(target) { if (!this.el.contains(target) &amp;&amp; target !== this.el) { lastTarget = null; } }, _getDirection: function _getDirection(evt, target) { return typeof this.options.direction === \"function\" ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction; }, _onTapStart: function _onTapStart(evt) { if (!evt.cancelable) return; var _this = this, el = this.el, options = this.options, preventOnFilter = options.preventOnFilter, type = evt.type, touch = evt.touches &amp;&amp; evt.touches[0] || evt.pointerType &amp;&amp; evt.pointerType === \"touch\" &amp;&amp; evt, target = (touch || evt).target, originalTarget = evt.target.shadowRoot &amp;&amp; (evt.path &amp;&amp; evt.path[0] || evt.composedPath &amp;&amp; evt.composedPath()[0]) || target, filter = options.filter; _saveInputCheckedState(el); if (dragEl) { return; } if (/mousedown|pointerdown/.test(type) &amp;&amp; evt.button !== 0 || options.disabled) { return; } if (originalTarget.isContentEditable) { return; } if (!this.nativeDraggable &amp;&amp; Safari &amp;&amp; target &amp;&amp; target.tagName.toUpperCase() === \"SELECT\") { return; } target = closest(target, options.draggable, el, false); if (target &amp;&amp; target.animated) { return; } if (lastDownEl === target) { return; } oldIndex = index(target); oldDraggableIndex = index(target, options.draggable); if (typeof filter === \"function\") { if (filter.call(this, evt, target, this)) { _dispatchEvent({ sortable: _this, rootEl: originalTarget, name: \"filter\", targetEl: target, toEl: el, fromEl: el }); pluginEvent2(\"filter\", _this, { evt }); preventOnFilter &amp;&amp; evt.cancelable &amp;&amp; evt.preventDefault(); return; } } else if (filter) { filter = filter.split(\",\").some(function(criteria) { criteria = closest(originalTarget, criteria.trim(), el, false); if (criteria) { _dispatchEvent({ sortable: _this, rootEl: criteria, name: \"filter\", targetEl: target, fromEl: el, toEl: el }); pluginEvent2(\"filter\", _this, { evt }); return true; } }); if (filter) { preventOnFilter &amp;&amp; evt.cancelable &amp;&amp; evt.preventDefault(); return; } } if (options.handle &amp;&amp; !closest(originalTarget, options.handle, el, false)) { return; } this._prepareDragStart(evt, touch, target); }, _prepareDragStart: function _prepareDragStart(evt, touch, target) { var _this = this, el = _this.el, options = _this.options, ownerDocument = el.ownerDocument, dragStartFn; if (target &amp;&amp; !dragEl &amp;&amp; target.parentNode === el) { var dragRect = getRect(target); rootEl = el; dragEl = target; parentEl = dragEl.parentNode; nextEl = dragEl.nextSibling; lastDownEl = target; activeGroup = options.group; Sortable.dragged = dragEl; tapEvt = { target: dragEl, clientX: (touch || evt).clientX, clientY: (touch || evt).clientY }; tapDistanceLeft = tapEvt.clientX - dragRect.left; tapDistanceTop = tapEvt.clientY - dragRect.top; this._lastX = (touch || evt).clientX; this._lastY = (touch || evt).clientY; dragEl.style[\"will-change\"] = \"all\"; dragStartFn = function dragStartFn2() { pluginEvent2(\"delayEnded\", _this, { evt }); if (Sortable.eventCanceled) { _this._onDrop(); return; } _this._disableDelayedDragEvents(); if (!FireFox &amp;&amp; _this.nativeDraggable) { dragEl.draggable = true; } _this._triggerDragStart(evt, touch); _dispatchEvent({ sortable: _this, name: \"choose\", originalEvent: evt }); toggleClass(dragEl, options.chosenClass, true); }; options.ignore.split(\",\").forEach(function(criteria) { find(dragEl, criteria.trim(), _disableDraggable); }); on(ownerDocument, \"dragover\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"mousemove\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"touchmove\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"mouseup\", _this._onDrop); on(ownerDocument, \"touchend\", _this._onDrop); on(ownerDocument, \"touchcancel\", _this._onDrop); if (FireFox &amp;&amp; this.nativeDraggable) { this.options.touchStartThreshold = 4; dragEl.draggable = true; } pluginEvent2(\"delayStart\", this, { evt }); if (options.delay &amp;&amp; (!options.delayOnTouchOnly || touch) &amp;&amp; (!this.nativeDraggable || !(Edge || IE11OrLess))) { if (Sortable.eventCanceled) { this._onDrop(); return; } on(ownerDocument, \"mouseup\", _this._disableDelayedDrag); on(ownerDocument, \"touchend\", _this._disableDelayedDrag); on(ownerDocument, \"touchcancel\", _this._disableDelayedDrag); on(ownerDocument, \"mousemove\", _this._delayedDragTouchMoveHandler); on(ownerDocument, \"touchmove\", _this._delayedDragTouchMoveHandler); options.supportPointer &amp;&amp; on(ownerDocument, \"pointermove\", _this._delayedDragTouchMoveHandler); _this._dragStartTimer = setTimeout(dragStartFn, options.delay); } else { dragStartFn(); } } }, _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(e) { var touch = e.touches ? e.touches[0] : e; if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) &gt;= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable &amp;&amp; window.devicePixelRatio || 1))) { this._disableDelayedDrag(); } }, _disableDelayedDrag: function _disableDelayedDrag() { dragEl &amp;&amp; _disableDraggable(dragEl); clearTimeout(this._dragStartTimer); this._disableDelayedDragEvents(); }, _disableDelayedDragEvents: function _disableDelayedDragEvents() { var ownerDocument = this.el.ownerDocument; off(ownerDocument, \"mouseup\", this._disableDelayedDrag); off(ownerDocument, \"touchend\", this._disableDelayedDrag); off(ownerDocument, \"touchcancel\", this._disableDelayedDrag); off(ownerDocument, \"mousemove\", this._delayedDragTouchMoveHandler); off(ownerDocument, \"touchmove\", this._delayedDragTouchMoveHandler); off(ownerDocument, \"pointermove\", this._delayedDragTouchMoveHandler); }, _triggerDragStart: function _triggerDragStart(evt, touch) { touch = touch || evt.pointerType == \"touch\" &amp;&amp; evt; if (!this.nativeDraggable || touch) { if (this.options.supportPointer) { on(document, \"pointermove\", this._onTouchMove); } else if (touch) { on(document, \"touchmove\", this._onTouchMove); } else { on(document, \"mousemove\", this._onTouchMove); } } else { on(dragEl, \"dragend\", this); on(rootEl, \"dragstart\", this._onDragStart); } try { if (document.selection) { _nextTick(function() { document.selection.empty(); }); } else { window.getSelection().removeAllRanges(); } } catch (err) { } }, _dragStarted: function _dragStarted(fallback, evt) { awaitingDragStarted = false; if (rootEl &amp;&amp; dragEl) { pluginEvent2(\"dragStarted\", this, { evt }); if (this.nativeDraggable) { on(document, \"dragover\", _checkOutsideTargetEl); } var options = this.options; !fallback &amp;&amp; toggleClass(dragEl, options.dragClass, false); toggleClass(dragEl, options.ghostClass, true); Sortable.active = this; fallback &amp;&amp; this._appendGhost(); _dispatchEvent({ sortable: this, name: \"start\", originalEvent: evt }); } else { this._nulling(); } }, _emulateDragOver: function _emulateDragOver() { if (touchEvt) { this._lastX = touchEvt.clientX; this._lastY = touchEvt.clientY; _hideGhostForTarget(); var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY); var parent = target; while (target &amp;&amp; target.shadowRoot) { target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY); if (target === parent) break; parent = target; } dragEl.parentNode[expando]._isOutsideThisEl(target); if (parent) { do { if (parent[expando]) { var inserted = void 0; inserted = parent[expando]._onDragOver({ clientX: touchEvt.clientX, clientY: touchEvt.clientY, target, rootEl: parent }); if (inserted &amp;&amp; !this.options.dragoverBubble) { break; } } target = parent; } while (parent = parent.parentNode); } _unhideGhostForTarget(); } }, _onTouchMove: function _onTouchMove(evt) { if (tapEvt) { var options = this.options, fallbackTolerance = options.fallbackTolerance, fallbackOffset = options.fallbackOffset, touch = evt.touches ? evt.touches[0] : evt, ghostMatrix = ghostEl &amp;&amp; matrix(ghostEl, true), scaleX = ghostEl &amp;&amp; ghostMatrix &amp;&amp; ghostMatrix.a, scaleY = ghostEl &amp;&amp; ghostMatrix &amp;&amp; ghostMatrix.d, relativeScrollOffset = PositionGhostAbsolutely &amp;&amp; ghostRelativeParent &amp;&amp; getRelativeScrollOffset(ghostRelativeParent), dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1), dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); if (!Sortable.active &amp;&amp; !awaitingDragStarted) { if (fallbackTolerance &amp;&amp; Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) &lt; fallbackTolerance) { return; } this._onDragStart(evt, true); } if (ghostEl) { if (ghostMatrix) { ghostMatrix.e += dx - (lastDx || 0); ghostMatrix.f += dy - (lastDy || 0); } else { ghostMatrix = { a: 1, b: 0, c: 0, d: 1, e: dx, f: dy }; } var cssMatrix = \"matrix(\".concat(ghostMatrix.a, \",\").concat(ghostMatrix.b, \",\").concat(ghostMatrix.c, \",\").concat(ghostMatrix.d, \",\").concat(ghostMatrix.e, \",\").concat(ghostMatrix.f, \")\"); css(ghostEl, \"webkitTransform\", cssMatrix); css(ghostEl, \"mozTransform\", cssMatrix); css(ghostEl, \"msTransform\", cssMatrix); css(ghostEl, \"transform\", cssMatrix); lastDx = dx; lastDy = dy; touchEvt = touch; } evt.cancelable &amp;&amp; evt.preventDefault(); } }, _appendGhost: function _appendGhost() { if (!ghostEl) { var container = this.options.fallbackOnBody ? document.body : rootEl, rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container), options = this.options; if (PositionGhostAbsolutely) { ghostRelativeParent = container; while (css(ghostRelativeParent, \"position\") === \"static\" &amp;&amp; css(ghostRelativeParent, \"transform\") === \"none\" &amp;&amp; ghostRelativeParent !== document) { ghostRelativeParent = ghostRelativeParent.parentNode; } if (ghostRelativeParent !== document.body &amp;&amp; ghostRelativeParent !== document.documentElement) { if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement(); rect.top += ghostRelativeParent.scrollTop; rect.left += ghostRelativeParent.scrollLeft; } else { ghostRelativeParent = getWindowScrollingElement(); } ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent); } ghostEl = dragEl.cloneNode(true); toggleClass(ghostEl, options.ghostClass, false); toggleClass(ghostEl, options.fallbackClass, true); toggleClass(ghostEl, options.dragClass, true); css(ghostEl, \"transition\", \"\"); css(ghostEl, \"transform\", \"\"); css(ghostEl, \"box-sizing\", \"border-box\"); css(ghostEl, \"margin\", 0); css(ghostEl, \"top\", rect.top); css(ghostEl, \"left\", rect.left); css(ghostEl, \"width\", rect.width); css(ghostEl, \"height\", rect.height); css(ghostEl, \"opacity\", \"0.8\"); css(ghostEl, \"position\", PositionGhostAbsolutely ? \"absolute\" : \"fixed\"); css(ghostEl, \"zIndex\", \"100000\"); css(ghostEl, \"pointerEvents\", \"none\"); Sortable.ghost = ghostEl; container.appendChild(ghostEl); css(ghostEl, \"transform-origin\", tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + \"% \" + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + \"%\"); } }, _onDragStart: function _onDragStart(evt, fallback) { var _this = this; var dataTransfer = evt.dataTransfer; var options = _this.options; pluginEvent2(\"dragStart\", this, { evt }); if (Sortable.eventCanceled) { this._onDrop(); return; } pluginEvent2(\"setupClone\", this); if (!Sortable.eventCanceled) { cloneEl = clone(dragEl); cloneEl.draggable = false; cloneEl.style[\"will-change\"] = \"\"; this._hideClone(); toggleClass(cloneEl, this.options.chosenClass, false); Sortable.clone = cloneEl; } _this.cloneId = _nextTick(function() { pluginEvent2(\"clone\", _this); if (Sortable.eventCanceled) return; if (!_this.options.removeCloneOnHide) { rootEl.insertBefore(cloneEl, dragEl); } _this._hideClone(); _dispatchEvent({ sortable: _this, name: \"clone\" }); }); !fallback &amp;&amp; toggleClass(dragEl, options.dragClass, true); if (fallback) { ignoreNextClick = true; _this._loopId = setInterval(_this._emulateDragOver, 50); } else { off(document, \"mouseup\", _this._onDrop); off(document, \"touchend\", _this._onDrop); off(document, \"touchcancel\", _this._onDrop); if (dataTransfer) { dataTransfer.effectAllowed = \"move\"; options.setData &amp;&amp; options.setData.call(_this, dataTransfer, dragEl); } on(document, \"drop\", _this); css(dragEl, \"transform\", \"translateZ(0)\"); } awaitingDragStarted = true; _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt)); on(document, \"selectstart\", _this); moved = true; if (Safari) { css(document.body, \"user-select\", \"none\"); } }, _onDragOver: function _onDragOver(evt) { var el = this.el, target = evt.target, dragRect, targetRect, revert, options = this.options, group = options.group, activeSortable = Sortable.active, isOwner = activeGroup === group, canSort = options.sort, fromSortable = putSortable || activeSortable, vertical, _this = this, completedFired = false; if (_silent) return; function dragOverEvent(name, extra) { pluginEvent2(name, _this, _objectSpread2({ evt, isOwner, axis: vertical ? \"vertical\" : \"horizontal\", revert, dragRect, targetRect, canSort, fromSortable, target, completed, onMove: function onMove(target2, after2) { return _onMove(rootEl, el, dragEl, dragRect, target2, getRect(target2), evt, after2); }, changed }, extra)); } function capture() { dragOverEvent(\"dragOverAnimationCapture\"); _this.captureAnimationState(); if (_this !== fromSortable) { fromSortable.captureAnimationState(); } } function completed(insertion) { dragOverEvent(\"dragOverCompleted\", { insertion }); if (insertion) { if (isOwner) { activeSortable._hideClone(); } else { activeSortable._showClone(_this); } if (_this !== fromSortable) { toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false); toggleClass(dragEl, options.ghostClass, true); } if (putSortable !== _this &amp;&amp; _this !== Sortable.active) { putSortable = _this; } else if (_this === Sortable.active &amp;&amp; putSortable) { putSortable = null; } if (fromSortable === _this) { _this._ignoreWhileAnimating = target; } _this.animateAll(function() { dragOverEvent(\"dragOverAnimationComplete\"); _this._ignoreWhileAnimating = null; }); if (_this !== fromSortable) { fromSortable.animateAll(); fromSortable._ignoreWhileAnimating = null; } } if (target === dragEl &amp;&amp; !dragEl.animated || target === el &amp;&amp; !target.animated) { lastTarget = null; } if (!options.dragoverBubble &amp;&amp; !evt.rootEl &amp;&amp; target !== document) { dragEl.parentNode[expando]._isOutsideThisEl(evt.target); !insertion &amp;&amp; nearestEmptyInsertDetectEvent(evt); } !options.dragoverBubble &amp;&amp; evt.stopPropagation &amp;&amp; evt.stopPropagation(); return completedFired = true; } function changed() { newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); _dispatchEvent({ sortable: _this, name: \"change\", toEl: el, newIndex, newDraggableIndex, originalEvent: evt }); } if (evt.preventDefault !== void 0) { evt.cancelable &amp;&amp; evt.preventDefault(); } target = closest(target, options.draggable, el, true); dragOverEvent(\"dragOver\"); if (Sortable.eventCanceled) return completedFired; if (dragEl.contains(evt.target) || target.animated &amp;&amp; target.animatingX &amp;&amp; target.animatingY || _this._ignoreWhileAnimating === target) { return completed(false); } ignoreNextClick = false; if (activeSortable &amp;&amp; !options.disabled &amp;&amp; (isOwner ? canSort || (revert = parentEl !== rootEl) : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) &amp;&amp; group.checkPut(this, activeSortable, dragEl, evt))) { vertical = this._getDirection(evt, target) === \"vertical\"; dragRect = getRect(dragEl); dragOverEvent(\"dragOverValid\"); if (Sortable.eventCanceled) return completedFired; if (revert) { parentEl = rootEl; capture(); this._hideClone(); dragOverEvent(\"revert\"); if (!Sortable.eventCanceled) { if (nextEl) { rootEl.insertBefore(dragEl, nextEl); } else { rootEl.appendChild(dragEl); } } return completed(true); } var elLastChild = lastChild(el, options.draggable); if (!elLastChild || _ghostIsLast(evt, vertical, this) &amp;&amp; !elLastChild.animated) { if (elLastChild === dragEl) { return completed(false); } if (elLastChild &amp;&amp; el === evt.target) { target = elLastChild; } if (target) { targetRect = getRect(target); } if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) { capture(); el.appendChild(dragEl); parentEl = el; changed(); return completed(true); } } else if (elLastChild &amp;&amp; _ghostIsFirst(evt, vertical, this)) { var firstChild = getChild(el, 0, options, true); if (firstChild === dragEl) { return completed(false); } target = firstChild; targetRect = getRect(target); if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) { capture(); el.insertBefore(dragEl, firstChild); parentEl = el; changed(); return completed(true); } } else if (target.parentNode === el) { targetRect = getRect(target); var direction = 0, targetBeforeFirstSwap, differentLevel = dragEl.parentNode !== el, differentRowCol = !_dragElInRowColumn(dragEl.animated &amp;&amp; dragEl.toRect || dragRect, target.animated &amp;&amp; target.toRect || targetRect, vertical), side1 = vertical ? \"top\" : \"left\", scrolledPastTop = isScrolledPast(target, \"top\", \"top\") || isScrolledPast(dragEl, \"top\", \"top\"), scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0; if (lastTarget !== target) { targetBeforeFirstSwap = targetRect[side1]; pastFirstInvertThresh = false; isCircumstantialInvert = !differentRowCol &amp;&amp; options.invertSwap || differentLevel; } direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target); var sibling; if (direction !== 0) { var dragIndex = index(dragEl); do { dragIndex -= direction; sibling = parentEl.children[dragIndex]; } while (sibling &amp;&amp; (css(sibling, \"display\") === \"none\" || sibling === ghostEl)); } if (direction === 0 || sibling === target) { return completed(false); } lastTarget = target; lastDirection = direction; var nextSibling = target.nextElementSibling, after = false; after = direction === 1; var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after); if (moveVector !== false) { if (moveVector === 1 || moveVector === -1) { after = moveVector === 1; } _silent = true; setTimeout(_unsilent, 30); capture(); if (after &amp;&amp; !nextSibling) { el.appendChild(dragEl); } else { target.parentNode.insertBefore(dragEl, after ? nextSibling : target); } if (scrolledPastTop) { scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop); } parentEl = dragEl.parentNode; if (targetBeforeFirstSwap !== void 0 &amp;&amp; !isCircumstantialInvert) { targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]); } changed(); return completed(true); } } if (el.contains(dragEl)) { return completed(false); } } return false; }, _ignoreWhileAnimating: null, _offMoveEvents: function _offMoveEvents() { off(document, \"mousemove\", this._onTouchMove); off(document, \"touchmove\", this._onTouchMove); off(document, \"pointermove\", this._onTouchMove); off(document, \"dragover\", nearestEmptyInsertDetectEvent); off(document, \"mousemove\", nearestEmptyInsertDetectEvent); off(document, \"touchmove\", nearestEmptyInsertDetectEvent); }, _offUpEvents: function _offUpEvents() { var ownerDocument = this.el.ownerDocument; off(ownerDocument, \"mouseup\", this._onDrop); off(ownerDocument, \"touchend\", this._onDrop); off(ownerDocument, \"pointerup\", this._onDrop); off(ownerDocument, \"touchcancel\", this._onDrop); off(document, \"selectstart\", this); }, _onDrop: function _onDrop(evt) { var el = this.el, options = this.options; newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); pluginEvent2(\"drop\", this, { evt }); parentEl = dragEl &amp;&amp; dragEl.parentNode; newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); if (Sortable.eventCanceled) { this._nulling(); return; } awaitingDragStarted = false; isCircumstantialInvert = false; pastFirstInvertThresh = false; clearInterval(this._loopId); clearTimeout(this._dragStartTimer); _cancelNextTick(this.cloneId); _cancelNextTick(this._dragStartId); if (this.nativeDraggable) { off(document, \"drop\", this); off(el, \"dragstart\", this._onDragStart); } this._offMoveEvents(); this._offUpEvents(); if (Safari) { css(document.body, \"user-select\", \"\"); } css(dragEl, \"transform\", \"\"); if (evt) { if (moved) { evt.cancelable &amp;&amp; evt.preventDefault(); !options.dropBubble &amp;&amp; evt.stopPropagation(); } ghostEl &amp;&amp; ghostEl.parentNode &amp;&amp; ghostEl.parentNode.removeChild(ghostEl); if (rootEl === parentEl || putSortable &amp;&amp; putSortable.lastPutMode !== \"clone\") { cloneEl &amp;&amp; cloneEl.parentNode &amp;&amp; cloneEl.parentNode.removeChild(cloneEl); } if (dragEl) { if (this.nativeDraggable) { off(dragEl, \"dragend\", this); } _disableDraggable(dragEl); dragEl.style[\"will-change\"] = \"\"; if (moved &amp;&amp; !awaitingDragStarted) { toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false); } toggleClass(dragEl, this.options.chosenClass, false); _dispatchEvent({ sortable: this, name: \"unchoose\", toEl: parentEl, newIndex: null, newDraggableIndex: null, originalEvent: evt }); if (rootEl !== parentEl) { if (newIndex &gt;= 0) { _dispatchEvent({ rootEl: parentEl, name: \"add\", toEl: parentEl, fromEl: rootEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"remove\", toEl: parentEl, originalEvent: evt }); _dispatchEvent({ rootEl: parentEl, name: \"sort\", toEl: parentEl, fromEl: rootEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"sort\", toEl: parentEl, originalEvent: evt }); } putSortable &amp;&amp; putSortable.save(); } else { if (newIndex !== oldIndex) { if (newIndex &gt;= 0) { _dispatchEvent({ sortable: this, name: \"update\", toEl: parentEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"sort\", toEl: parentEl, originalEvent: evt }); } } } if (Sortable.active) { if (newIndex == null || newIndex === -1) { newIndex = oldIndex; newDraggableIndex = oldDraggableIndex; } _dispatchEvent({ sortable: this, name: \"end\", toEl: parentEl, originalEvent: evt }); this.save(); } } } this._nulling(); }, _nulling: function _nulling() { pluginEvent2(\"nulling\", this); rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null; savedInputChecked.forEach(function(el) { el.checked = true; }); savedInputChecked.length = lastDx = lastDy = 0; }, handleEvent: function handleEvent(evt) { switch (evt.type) { case \"drop\": case \"dragend\": this._onDrop(evt); break; case \"dragenter\": case \"dragover\": if (dragEl) { this._onDragOver(evt); _globalDragOver(evt); } break; case \"selectstart\": evt.preventDefault(); break; } }, toArray: function toArray() { var order = [], el, children = this.el.children, i = 0, n = children.length, options = this.options; for (; i &lt; n; i++) { el = children[i]; if (closest(el, options.draggable, this.el, false)) { order.push(el.getAttribute(options.dataIdAttr) || _generateId(el)); } } return order; }, sort: function sort(order, useAnimation) { var items = {}, rootEl2 = this.el; this.toArray().forEach(function(id, i) { var el = rootEl2.children[i]; if (closest(el, this.options.draggable, rootEl2, false)) { items[id] = el; } }, this); useAnimation &amp;&amp; this.captureAnimationState(); order.forEach(function(id) { if (items[id]) { rootEl2.removeChild(items[id]); rootEl2.appendChild(items[id]); } }); useAnimation &amp;&amp; this.animateAll(); }, save: function save() { var store = this.options.store; store &amp;&amp; store.set &amp;&amp; store.set(this); }, closest: function closest$1(el, selector) { return closest(el, selector || this.options.draggable, this.el, false); }, option: function option(name, value) { var options = this.options; if (value === void 0) { return options[name]; } else { var modifiedValue = PluginManager.modifyOption(this, name, value); if (typeof modifiedValue !== \"undefined\") { options[name] = modifiedValue; } else { options[name] = value; } if (name === \"group\") { _prepareGroup(options); } } }, destroy: function destroy() { pluginEvent2(\"destroy\", this); var el = this.el; el[expando] = null; off(el, \"mousedown\", this._onTapStart); off(el, \"touchstart\", this._onTapStart); off(el, \"pointerdown\", this._onTapStart); if (this.nativeDraggable) { off(el, \"dragover\", this); off(el, \"dragenter\", this); } Array.prototype.forEach.call(el.querySelectorAll(\"[draggable]\"), function(el2) { el2.removeAttribute(\"draggable\"); }); this._onDrop(); this._disableDelayedDragEvents(); sortables.splice(sortables.indexOf(this.el), 1); this.el = el = null; }, _hideClone: function _hideClone() { if (!cloneHidden) { pluginEvent2(\"hideClone\", this); if (Sortable.eventCanceled) return; css(cloneEl, \"display\", \"none\"); if (this.options.removeCloneOnHide &amp;&amp; cloneEl.parentNode) { cloneEl.parentNode.removeChild(cloneEl); } cloneHidden = true; } }, _showClone: function _showClone(putSortable2) { if (putSortable2.lastPutMode !== \"clone\") { this._hideClone(); return; } if (cloneHidden) { pluginEvent2(\"showClone\", this); if (Sortable.eventCanceled) return; if (dragEl.parentNode == rootEl &amp;&amp; !this.options.group.revertClone) { rootEl.insertBefore(cloneEl, dragEl); } else if (nextEl) { rootEl.insertBefore(cloneEl, nextEl); } else { rootEl.appendChild(cloneEl); } if (this.options.group.revertClone) { this.animate(dragEl, cloneEl); } css(cloneEl, \"display\", \"\"); cloneHidden = false; } } }; function _globalDragOver(evt) { if (evt.dataTransfer) { evt.dataTransfer.dropEffect = \"move\"; } evt.cancelable &amp;&amp; evt.preventDefault(); } function _onMove(fromEl, toEl, dragEl2, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) { var evt, sortable = fromEl[expando], onMoveFn = sortable.options.onMove, retVal; if (window.CustomEvent &amp;&amp; !IE11OrLess &amp;&amp; !Edge) { evt = new CustomEvent(\"move\", { bubbles: true, cancelable: true }); } else { evt = document.createEvent(\"Event\"); evt.initEvent(\"move\", true, true); } evt.to = toEl; evt.from = fromEl; evt.dragged = dragEl2; evt.draggedRect = dragRect; evt.related = targetEl || toEl; evt.relatedRect = targetRect || getRect(toEl); evt.willInsertAfter = willInsertAfter; evt.originalEvent = originalEvent; fromEl.dispatchEvent(evt); if (onMoveFn) { retVal = onMoveFn.call(sortable, evt, originalEvent); } return retVal; } function _disableDraggable(el) { el.draggable = false; } function _unsilent() { _silent = false; } function _ghostIsFirst(evt, vertical, sortable) { var rect = getRect(getChild(sortable.el, 0, sortable.options, true)); var spacer = 10; return vertical ? evt.clientX &lt; rect.left - spacer || evt.clientY &lt; rect.top &amp;&amp; evt.clientX &lt; rect.right : evt.clientY &lt; rect.top - spacer || evt.clientY &lt; rect.bottom &amp;&amp; evt.clientX &lt; rect.left; } function _ghostIsLast(evt, vertical, sortable) { var rect = getRect(lastChild(sortable.el, sortable.options.draggable)); var spacer = 10; return vertical ? evt.clientX &gt; rect.right + spacer || evt.clientX &lt;= rect.right &amp;&amp; evt.clientY &gt; rect.bottom &amp;&amp; evt.clientX &gt;= rect.left : evt.clientX &gt; rect.right &amp;&amp; evt.clientY &gt; rect.top || evt.clientX &lt;= rect.right &amp;&amp; evt.clientY &gt; rect.bottom + spacer; } function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) { var mouseOnAxis = vertical ? evt.clientY : evt.clientX, targetLength = vertical ? targetRect.height : targetRect.width, targetS1 = vertical ? targetRect.top : targetRect.left, targetS2 = vertical ? targetRect.bottom : targetRect.right, invert = false; if (!invertSwap) { if (isLastTarget &amp;&amp; targetMoveDistance &lt; targetLength * swapThreshold) { if (!pastFirstInvertThresh &amp;&amp; (lastDirection === 1 ? mouseOnAxis &gt; targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis &lt; targetS2 - targetLength * invertedSwapThreshold / 2)) { pastFirstInvertThresh = true; } if (!pastFirstInvertThresh) { if (lastDirection === 1 ? mouseOnAxis &lt; targetS1 + targetMoveDistance : mouseOnAxis &gt; targetS2 - targetMoveDistance) { return -lastDirection; } } else { invert = true; } } else { if (mouseOnAxis &gt; targetS1 + targetLength * (1 - swapThreshold) / 2 &amp;&amp; mouseOnAxis &lt; targetS2 - targetLength * (1 - swapThreshold) / 2) { return _getInsertDirection(target); } } } invert = invert || invertSwap; if (invert) { if (mouseOnAxis &lt; targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis &gt; targetS2 - targetLength * invertedSwapThreshold / 2) { return mouseOnAxis &gt; targetS1 + targetLength / 2 ? 1 : -1; } } return 0; } function _getInsertDirection(target) { if (index(dragEl) &lt; index(target)) { return 1; } else { return -1; } } function _generateId(el) { var str = el.tagName + el.className + el.src + el.href + el.textContent, i = str.length, sum = 0; while (i--) { sum += str.charCodeAt(i); } return sum.toString(36); } function _saveInputCheckedState(root) { savedInputChecked.length = 0; var inputs = root.getElementsByTagName(\"input\"); var idx = inputs.length; while (idx--) { var el = inputs[idx]; el.checked &amp;&amp; savedInputChecked.push(el); } } function _nextTick(fn) { return setTimeout(fn, 0); } function _cancelNextTick(id) { return clearTimeout(id); } if (documentExists) { on(document, \"touchmove\", function(evt) { if ((Sortable.active || awaitingDragStarted) &amp;&amp; evt.cancelable) { evt.preventDefault(); } }); } Sortable.utils = { on, off, css, find, is: function is(el, selector) { return !!closest(el, selector, el, false); }, extend, throttle, closest, toggleClass, clone, index, nextTick: _nextTick, cancelNextTick: _cancelNextTick, detectDirection: _detectDirection, getChild }; Sortable.get = function(element) { return element[expando]; }; Sortable.mount = function() { for (var _len = arguments.length, plugins2 = new Array(_len), _key = 0; _key &lt; _len; _key++) { plugins2[_key] = arguments[_key]; } if (plugins2[0].constructor === Array) plugins2 = plugins2[0]; plugins2.forEach(function(plugin) { if (!plugin.prototype || !plugin.prototype.constructor) { throw \"Sortable: Mounted plugin must be a constructor function, not \".concat({}.toString.call(plugin)); } if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils); PluginManager.mount(plugin); }); }; Sortable.create = function(el, options) { return new Sortable(el, options); }; Sortable.version = version; var autoScrolls = [], scrollEl, scrollRootEl, scrolling = false, lastAutoScrollX, lastAutoScrollY, touchEvt$1, pointerElemChangedInterval; function AutoScrollPlugin() { function AutoScroll() { this.defaults = { scroll: true, forceAutoScrollFallback: false, scrollSensitivity: 30, scrollSpeed: 10, bubbleScroll: true }; for (var fn in this) { if (fn.charAt(0) === \"_\" &amp;&amp; typeof this[fn] === \"function\") { this[fn] = this[fn].bind(this); } } } AutoScroll.prototype = { dragStarted: function dragStarted(_ref) { var originalEvent = _ref.originalEvent; if (this.sortable.nativeDraggable) { on(document, \"dragover\", this._handleAutoScroll); } else { if (this.options.supportPointer) { on(document, \"pointermove\", this._handleFallbackAutoScroll); } else if (originalEvent.touches) { on(document, \"touchmove\", this._handleFallbackAutoScroll); } else { on(document, \"mousemove\", this._handleFallbackAutoScroll); } } }, dragOverCompleted: function dragOverCompleted(_ref2) { var originalEvent = _ref2.originalEvent; if (!this.options.dragOverBubble &amp;&amp; !originalEvent.rootEl) { this._handleAutoScroll(originalEvent); } }, drop: function drop3() { if (this.sortable.nativeDraggable) { off(document, \"dragover\", this._handleAutoScroll); } else { off(document, \"pointermove\", this._handleFallbackAutoScroll); off(document, \"touchmove\", this._handleFallbackAutoScroll); off(document, \"mousemove\", this._handleFallbackAutoScroll); } clearPointerElemChangedInterval(); clearAutoScrolls(); cancelThrottle(); }, nulling: function nulling() { touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null; autoScrolls.length = 0; }, _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) { this._handleAutoScroll(evt, true); }, _handleAutoScroll: function _handleAutoScroll(evt, fallback) { var _this = this; var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, elem = document.elementFromPoint(x, y); touchEvt$1 = evt; if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) { autoScroll(evt, this.options, elem, fallback); var ogElemScroller = getParentAutoScrollElement(elem, true); if (scrolling &amp;&amp; (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) { pointerElemChangedInterval &amp;&amp; clearPointerElemChangedInterval(); pointerElemChangedInterval = setInterval(function() { var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true); if (newElem !== ogElemScroller) { ogElemScroller = newElem; clearAutoScrolls(); } autoScroll(evt, _this.options, newElem, fallback); }, 10); lastAutoScrollX = x; lastAutoScrollY = y; } } else { if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) { clearAutoScrolls(); return; } autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false); } } }; return _extends(AutoScroll, { pluginName: \"scroll\", initializeByDefault: true }); } function clearAutoScrolls() { autoScrolls.forEach(function(autoScroll2) { clearInterval(autoScroll2.pid); }); autoScrolls = []; } function clearPointerElemChangedInterval() { clearInterval(pointerElemChangedInterval); } var autoScroll = throttle(function(evt, options, rootEl2, isFallback) { if (!options.scroll) return; var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, sens = options.scrollSensitivity, speed = options.scrollSpeed, winScroller = getWindowScrollingElement(); var scrollThisInstance = false, scrollCustomFn; if (scrollRootEl !== rootEl2) { scrollRootEl = rootEl2; clearAutoScrolls(); scrollEl = options.scroll; scrollCustomFn = options.scrollFn; if (scrollEl === true) { scrollEl = getParentAutoScrollElement(rootEl2, true); } } var layersOut = 0; var currentParent = scrollEl; do { var el = currentParent, rect = getRect(el), top = rect.top, bottom = rect.bottom, left = rect.left, right = rect.right, width = rect.width, height = rect.height, canScrollX = void 0, canScrollY = void 0, scrollWidth = el.scrollWidth, scrollHeight = el.scrollHeight, elCSS = css(el), scrollPosX = el.scrollLeft, scrollPosY = el.scrollTop; if (el === winScroller) { canScrollX = width &lt; scrollWidth &amp;&amp; (elCSS.overflowX === \"auto\" || elCSS.overflowX === \"scroll\" || elCSS.overflowX === \"visible\"); canScrollY = height &lt; scrollHeight &amp;&amp; (elCSS.overflowY === \"auto\" || elCSS.overflowY === \"scroll\" || elCSS.overflowY === \"visible\"); } else { canScrollX = width &lt; scrollWidth &amp;&amp; (elCSS.overflowX === \"auto\" || elCSS.overflowX === \"scroll\"); canScrollY = height &lt; scrollHeight &amp;&amp; (elCSS.overflowY === \"auto\" || elCSS.overflowY === \"scroll\"); } var vx = canScrollX &amp;&amp; (Math.abs(right - x) &lt;= sens &amp;&amp; scrollPosX + width &lt; scrollWidth) - (Math.abs(left - x) &lt;= sens &amp;&amp; !!scrollPosX); var vy = canScrollY &amp;&amp; (Math.abs(bottom - y) &lt;= sens &amp;&amp; scrollPosY + height &lt; scrollHeight) - (Math.abs(top - y) &lt;= sens &amp;&amp; !!scrollPosY); if (!autoScrolls[layersOut]) { for (var i = 0; i &lt;= layersOut; i++) { if (!autoScrolls[i]) { autoScrolls[i] = {}; } } } if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) { autoScrolls[layersOut].el = el; autoScrolls[layersOut].vx = vx; autoScrolls[layersOut].vy = vy; clearInterval(autoScrolls[layersOut].pid); if (vx != 0 || vy != 0) { scrollThisInstance = true; autoScrolls[layersOut].pid = setInterval(function() { if (isFallback &amp;&amp; this.layer === 0) { Sortable.active._onTouchMove(touchEvt$1); } var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0; var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0; if (typeof scrollCustomFn === \"function\") { if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== \"continue\") { return; } } scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY); }.bind({ layer: layersOut }), 24); } } layersOut++; } while (options.bubbleScroll &amp;&amp; currentParent !== winScroller &amp;&amp; (currentParent = getParentAutoScrollElement(currentParent, false))); scrolling = scrollThisInstance; }, 30); var drop = function drop2(_ref) { var originalEvent = _ref.originalEvent, putSortable2 = _ref.putSortable, dragEl2 = _ref.dragEl, activeSortable = _ref.activeSortable, dispatchSortableEvent = _ref.dispatchSortableEvent, hideGhostForTarget = _ref.hideGhostForTarget, unhideGhostForTarget = _ref.unhideGhostForTarget; if (!originalEvent) return; var toSortable = putSortable2 || activeSortable; hideGhostForTarget(); var touch = originalEvent.changedTouches &amp;&amp; originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent; var target = document.elementFromPoint(touch.clientX, touch.clientY); unhideGhostForTarget(); if (toSortable &amp;&amp; !toSortable.el.contains(target)) { dispatchSortableEvent(\"spill\"); this.onSpill({ dragEl: dragEl2, putSortable: putSortable2 }); } }; function Revert() { } Revert.prototype = { startIndex: null, dragStart: function dragStart(_ref2) { var oldDraggableIndex2 = _ref2.oldDraggableIndex; this.startIndex = oldDraggableIndex2; }, onSpill: function onSpill(_ref3) { var dragEl2 = _ref3.dragEl, putSortable2 = _ref3.putSortable; this.sortable.captureAnimationState(); if (putSortable2) { putSortable2.captureAnimationState(); } var nextSibling = getChild(this.sortable.el, this.startIndex, this.options); if (nextSibling) { this.sortable.el.insertBefore(dragEl2, nextSibling); } else { this.sortable.el.appendChild(dragEl2); } this.sortable.animateAll(); if (putSortable2) { putSortable2.animateAll(); } }, drop }; _extends(Revert, { pluginName: \"revertOnSpill\" }); function Remove() { } Remove.prototype = { onSpill: function onSpill2(_ref4) { var dragEl2 = _ref4.dragEl, putSortable2 = _ref4.putSortable; var parentSortable = putSortable2 || this.sortable; parentSortable.captureAnimationState(); dragEl2.parentNode &amp;&amp; dragEl2.parentNode.removeChild(dragEl2); parentSortable.animateAll(); }, drop }; _extends(Remove, { pluginName: \"removeOnSpill\" }); Sortable.mount(new AutoScrollPlugin()); Sortable.mount(Remove, Revert); function removeNode(node) { if (node.parentElement !== null) { node.parentElement.removeChild(node); } } function insertNodeAt(fatherNode, node, position) { const refNode = position === 0 ? fatherNode.children[0] : fatherNode.children[position - 1].nextSibling; fatherNode.insertBefore(node, refNode); } function getConsole() { if (typeof window !== \"undefined\") { return window.console; } return global.console; } const console = getConsole(); function cached(fn) { const cache = /* @__PURE__ */ Object.create(null); return function cachedFn(str) { const hit = cache[str]; return hit || (cache[str] = fn(str)); }; } const regex = /-(\\w)/g; const camelize = cached((str) =&gt; str.replace(regex, (_, c) =&gt; c.toUpperCase())); const manageAndEmit$1 = [\"Start\", \"Add\", \"Remove\", \"Update\", \"End\"]; const emit$1 = [\"Choose\", \"Unchoose\", \"Sort\", \"Filter\", \"Clone\"]; const manage$1 = [\"Move\"]; const eventHandlerNames = [manage$1, manageAndEmit$1, emit$1].flatMap((events2) =&gt; events2).map((evt) =&gt; `on${evt}`); const events = { manage: manage$1, manageAndEmit: manageAndEmit$1, emit: emit$1 }; function isReadOnly(eventName) { return eventHandlerNames.indexOf(eventName) !== -1; } const tags = [ \"a\", \"abbr\", \"address\", \"area\", \"article\", \"aside\", \"audio\", \"b\", \"base\", \"bdi\", \"bdo\", \"blockquote\", \"body\", \"br\", \"button\", \"canvas\", \"caption\", \"cite\", \"code\", \"col\", \"colgroup\", \"data\", \"datalist\", \"dd\", \"del\", \"details\", \"dfn\", \"dialog\", \"div\", \"dl\", \"dt\", \"em\", \"embed\", \"fieldset\", \"figcaption\", \"figure\", \"footer\", \"form\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"head\", \"header\", \"hgroup\", \"hr\", \"html\", \"i\", \"iframe\", \"img\", \"input\", \"ins\", \"kbd\", \"label\", \"legend\", \"li\", \"link\", \"main\", \"map\", \"mark\", \"math\", \"menu\", \"menuitem\", \"meta\", \"meter\", \"nav\", \"noscript\", \"object\", \"ol\", \"optgroup\", \"option\", \"output\", \"p\", \"param\", \"picture\", \"pre\", \"progress\", \"q\", \"rb\", \"rp\", \"rt\", \"rtc\", \"ruby\", \"s\", \"samp\", \"script\", \"section\", \"select\", \"slot\", \"small\", \"source\", \"span\", \"strong\", \"style\", \"sub\", \"summary\", \"sup\", \"svg\", \"table\", \"tbody\", \"td\", \"template\", \"textarea\", \"tfoot\", \"th\", \"thead\", \"time\", \"title\", \"tr\", \"track\", \"u\", \"ul\", \"var\", \"video\", \"wbr\" ]; function isHtmlTag(name) { return tags.includes(name); } function isTransition(name) { return [\"transition-group\", \"TransitionGroup\"].includes(name); } function isHtmlAttribute(value) { return [\"id\", \"class\", \"role\", \"style\"].includes(value) || value.startsWith(\"data-\") || value.startsWith(\"aria-\") || value.startsWith(\"on\"); } function project(entries) { return entries.reduce((res, [key, value]) =&gt; { res[key] = value; return res; }, {}); } function getComponentAttributes({ $attrs, componentData = {} }) { const attributes = project( Object.entries($attrs).filter(([key, _]) =&gt; isHtmlAttribute(key)) ); return { ...attributes, ...componentData }; } function createSortableOption({ $attrs, callBackBuilder }) { const options = project(getValidSortableEntries($attrs)); Object.entries(callBackBuilder).forEach(([eventType, eventBuilder]) =&gt; { events[eventType].forEach((event) =&gt; { options[`on${event}`] = eventBuilder(event); }); }); const draggable = `[data-draggable]${options.draggable || \"\"}`; return { ...options, draggable }; } function getValidSortableEntries(value) { return Object.entries(value).filter(([key, _]) =&gt; !isHtmlAttribute(key)).map(([key, value2]) =&gt; [camelize(key), value2]).filter(([key, _]) =&gt; !isReadOnly(key)); } const getHtmlElementFromNode = ({ el }) =&gt; el; const addContext = (domElement, context) =&gt; domElement.__draggable_context = context; const getContext = (domElement) =&gt; domElement.__draggable_context; class ComponentStructure { constructor({ nodes: { header, default: defaultNodes, footer }, root, realList }) { this.defaultNodes = defaultNodes; this.children = [...header, ...defaultNodes, ...footer]; this.externalComponent = root.externalComponent; this.rootTransition = root.transition; this.tag = root.tag; this.realList = realList; } get _isRootComponent() { return this.externalComponent || this.rootTransition; } render(h2, attributes) { const { tag, children, _isRootComponent } = this; const option2 = !_isRootComponent ? children : { default: () =&gt; children }; return h2(tag, attributes, option2); } updated() { const { defaultNodes, realList } = this; defaultNodes.forEach((node, index2) =&gt; { addContext(getHtmlElementFromNode(node), { element: realList[index2], index: index2 }); }); } getUnderlyingVm(domElement) { return getContext(domElement); } getVmIndexFromDomIndex(domIndex, element) { const { defaultNodes } = this; const { length } = defaultNodes; const domChildren = element.children; const domElement = domChildren.item(domIndex); if (domElement === null) { return length; } const context = getContext(domElement); if (context) { return context.index; } if (length === 0) { return 0; } const firstDomListElement = getHtmlElementFromNode(defaultNodes[0]); const indexFirstDomListElement = [...domChildren].findIndex( (element2) =&gt; element2 === firstDomListElement ); return domIndex &lt; indexFirstDomListElement ? 0 : length; } } function getSlot(slots, key) { const slotValue = slots[key]; return slotValue ? slotValue() : []; } function computeNodes({ $slots, realList, getKey }) { const normalizedList = realList || []; const [header, footer] = [\"header\", \"footer\"].map( (name) =&gt; getSlot($slots, name) ); const { item } = $slots; if (!item) { throw new Error(\"draggable element must have an item slot\"); } const defaultNodes = normalizedList.flatMap( (element, index2) =&gt; item({ element, index: index2 }).map((node) =&gt; { node.key = getKey(element); node.props = { ...node.props || {}, \"data-draggable\": true }; return node; }) ); if (defaultNodes.length !== normalizedList.length) { throw new Error(\"Item slot must have only one child\"); } return { header, footer, default: defaultNodes }; } function getRootInformation(tag) { const transition = isTransition(tag); const externalComponent = !isHtmlTag(tag) &amp;&amp; !transition; return { transition, externalComponent, tag: externalComponent ? resolveComponent(tag) : transition ? TransitionGroup : tag }; } function computeComponentStructure({ $slots, tag, realList, getKey }) { const nodes = computeNodes({ $slots, realList, getKey }); const root = getRootInformation(tag); return new ComponentStructure({ nodes, root, realList }); } function emit(evtName, evtData) { nextTick(() =&gt; this.$emit(evtName.toLowerCase(), evtData)); } function manage(evtName) { return (evtData, originalElement) =&gt; { if (this.realList !== null) { return this[`onDrag${evtName}`](evtData, originalElement); } }; } function manageAndEmit(evtName) { const delegateCallBack = manage.call(this, evtName); return (evtData, originalElement) =&gt; { delegateCallBack.call(this, evtData, originalElement); emit.call(this, evtName, evtData); }; } let draggingElement = null; const props = { list: { type: Array, required: false, default: null }, modelValue: { type: Array, required: false, default: null }, itemKey: { type: [String, Function], required: true }, clone: { type: Function, default: (original) =&gt; { return original; } }, tag: { type: String, default: \"div\" }, move: { type: Function, default: null }, componentData: { type: Object, required: false, default: null } }; const emits = [ \"update:modelValue\", \"change\", ...[...events.manageAndEmit, ...events.emit].map((evt) =&gt; evt.toLowerCase()) ]; const draggableComponent = defineComponent({ name: \"draggable\", inheritAttrs: false, props, emits, data() { return { error: false }; }, render() { try { this.error = false; const { $slots, $attrs, tag, componentData, realList, getKey } = this; const componentStructure = computeComponentStructure({ $slots, tag, realList, getKey }); this.componentStructure = componentStructure; const attributes = getComponentAttributes({ $attrs, componentData }); return componentStructure.render(h, attributes); } catch (err) { this.error = true; return h(\"pre\", { style: { color: \"red\" } }, err.stack); } }, created() { if (this.list !== null &amp;&amp; this.modelValue !== null) { console.error( \"modelValue and list props are mutually exclusive! Please set one or another.\" ); } }, mounted() { if (this.error) { return; } const { $attrs, $el, componentStructure } = this; componentStructure.updated(); const sortableOptions = createSortableOption({ $attrs, callBackBuilder: { manageAndEmit: (event) =&gt; manageAndEmit.call(this, event), emit: (event) =&gt; emit.bind(this, event), manage: (event) =&gt; manage.call(this, event) } }); const targetDomElement = $el.nodeType === 1 ? $el : $el.parentElement; this._sortable = new Sortable(targetDomElement, sortableOptions); this.targetDomElement = targetDomElement; targetDomElement.__draggable_component__ = this; }, updated() { this.componentStructure.updated(); }, beforeUnmount() { if (this._sortable !== void 0) this._sortable.destroy(); }, computed: { realList() { const { list } = this; return list ? list : this.modelValue; }, getKey() { const { itemKey } = this; if (typeof itemKey === \"function\") { return itemKey; } return (element) =&gt; element[itemKey]; } }, watch: { $attrs: { handler(newOptionValue) { const { _sortable } = this; if (!_sortable) return; getValidSortableEntries(newOptionValue).forEach(([key, value]) =&gt; { _sortable.option(key, value); }); }, deep: true } }, methods: { getUnderlyingVm(domElement) { return this.componentStructure.getUnderlyingVm(domElement) || null; }, getUnderlyingPotencialDraggableComponent(htmElement) { return htmElement.__draggable_component__; }, emitChanges(evt) { nextTick(() =&gt; this.$emit(\"change\", evt)); }, alterList(onList) { if (this.list) { onList(this.list); return; } const newList = [...this.modelValue]; onList(newList); this.$emit(\"update:modelValue\", newList); }, spliceList() { const spliceList = (list) =&gt; list.splice(...arguments); this.alterList(spliceList); }, updatePosition(oldIndex2, newIndex2) { const updatePosition = (list) =&gt; list.splice(newIndex2, 0, list.splice(oldIndex2, 1)[0]); this.alterList(updatePosition); }, getRelatedContextFromMoveEvent({ to, related }) { const component = this.getUnderlyingPotencialDraggableComponent(to); if (!component) { return { component }; } const list = component.realList; const context = { list, component }; if (to !== related &amp;&amp; list) { const destination = component.getUnderlyingVm(related) || {}; return { ...destination, ...context }; } return context; }, getVmIndexFromDomIndex(domIndex) { return this.componentStructure.getVmIndexFromDomIndex( domIndex, this.targetDomElement ); }, onDragStart(evt) { this.context = this.getUnderlyingVm(evt.item); evt.item._underlying_vm_ = this.clone(this.context.element); draggingElement = evt.item; }, onDragAdd(evt) { const element = evt.item._underlying_vm_; if (element === void 0) { return; } removeNode(evt.item); const newIndex2 = this.getVmIndexFromDomIndex(evt.newIndex); this.spliceList(newIndex2, 0, element); const added = { element, newIndex: newIndex2 }; this.emitChanges({ added }); }, onDragRemove(evt) { insertNodeAt(this.$el, evt.item, evt.oldIndex); if (evt.pullMode === \"clone\") { removeNode(evt.clone); return; } const { index: oldIndex2, element } = this.context; this.spliceList(oldIndex2, 1); const removed = { element, oldIndex: oldIndex2 }; this.emitChanges({ removed }); }, onDragUpdate(evt) { removeNode(evt.item); insertNodeAt(evt.from, evt.item, evt.oldIndex); const oldIndex2 = this.context.index; const newIndex2 = this.getVmIndexFromDomIndex(evt.newIndex); this.updatePosition(oldIndex2, newIndex2); const moved2 = { element: this.context.element, oldIndex: oldIndex2, newIndex: newIndex2 }; this.emitChanges({ moved: moved2 }); }, computeFutureIndex(relatedContext, evt) { if (!relatedContext.element) { return 0; } const domChildren = [...evt.to.children].filter( (el) =&gt; el.style[\"display\"] !== \"none\" ); const currentDomIndex = domChildren.indexOf(evt.related); const currentIndex = relatedContext.component.getVmIndexFromDomIndex( currentDomIndex ); const draggedInList = domChildren.indexOf(draggingElement) !== -1; return draggedInList || !evt.willInsertAfter ? currentIndex : currentIndex + 1; }, onDragMove(evt, originalEvent) { const { move, realList } = this; if (!move || !realList) { return true; } const relatedContext = this.getRelatedContextFromMoveEvent(evt); const futureIndex = this.computeFutureIndex(relatedContext, evt); const draggedContext = { ...this.context, futureIndex }; const sendEvent = { ...evt, relatedContext, draggedContext }; return move(sendEvent, originalEvent); }, onDragEnd() { draggingElement = null; } } }); const _hoisted_1$2 = { class: \"query-builder-rule\" }; const _hoisted_2$2 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_3$2 = [\"textContent\"]; const _hoisted_4$1 = { class: \"query-builder-rule__component-container\" }; const _sfc_main$3 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderRule\", props: { config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, query: { type: Object } }, emits: [\"query-update\"], setup(__props, { emit: emit2 }) { const props2 = __props; const definition = computed(() =&gt; { const ruleDefinition = props2.config.rules.find((rule) =&gt; rule.identifier === props2.query.identifier); if (ruleDefinition) { return ruleDefinition; } throw new Error(`Invalid identifier \"${props2.query.identifier}\": no rule definition available.`); }); const component = computed(() =&gt; definition.value.component); const ruleData = computed({ get: () =&gt; props2.query.value, set: (update) =&gt; { ruleUpdate(update); } }); const ruleSlotProps = computed(() =&gt; ({ ruleComponent: component.value, ruleData: props2.query.value, ruleIdentifier: props2.query.identifier, updateRuleData: (ruleDataParam) =&gt; ruleUpdate(ruleDataParam) })); function ruleUpdate(update) { emit2( \"query-update\", { identifier: props2.query.identifier, value: update } ); } const showDragHandle = computed(() =&gt; { if (props2.config.dragging) { return !props2.config.dragging.disabled; } return false; }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1$2, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_2$2)) : createCommentVNode(\"\", true), _ctx.$slots.rule ? renderSlot(_ctx.$slots, \"rule\", normalizeProps(mergeProps({ key: 1 }, unref(ruleSlotProps))), void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [ createElementVNode(\"span\", { class: \"query-builder-rule__name\", textContent: toDisplayString(unref(definition).name) }, null, 8, _hoisted_3$2), createElementVNode(\"div\", _hoisted_4$1, [ (openBlock(), createBlock(resolveDynamicComponent(unref(component)), { modelValue: unref(ruleData), \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event) =&gt; isRef(ruleData) ? ruleData.value = $event : null) }, null, 8, [\"modelValue\"])) ]) ], 64)) ]); }; } }); const QueryBuilderRule_vue_vue_type_style_index_0_scoped_f61f07d1_lang = \"\"; const _export_sfc = (sfc, props2) =&gt; { const target = sfc.__vccOpts || sfc; for (const [key, val] of props2) { target[key] = val; } return target; }; const QueryBuilderRule = /* @__PURE__ */ _export_sfc(_sfc_main$3, [[\"__scopeId\", \"data-v-f61f07d1\"]]); const _withScopeId$1 = (n) =&gt; (pushScopeId(\"data-v-530acb3b\"), n = n(), popScopeId(), n); const _hoisted_1$1 = { class: \"query-builder-child\" }; const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() =&gt; /* @__PURE__ */ createElementVNode(\"span\", { \"aria-hidden\": \"true\" }, \"\\xD7\", -1)); const _hoisted_3$1 = [ _hoisted_2$1 ]; const _sfc_main$2 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderChild\", props: { query: { type: Object, required: true, validator: (query) =&gt; isRule(query) || isRuleSet(query) }, config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, depth: Number }, emits: [\"query-update\", \"delete-child\"], setup(__props) { const props2 = __props; const isRule$1 = computed(() =&gt; isRule(props2.query)); const isRuleSet$1 = computed(() =&gt; isRuleSet(props2.query)); const ruleDefinition = computed(() =&gt; { if (!isRule$1.value) { return null; } const ruleDefinitionResult = props2.config.rules.find((definition2) =&gt; definition2.identifier === props2.query.identifier); return ruleDefinitionResult || null; }); const component = computed(() =&gt; { if (isRule$1.value &amp;&amp; ruleDefinition.value) { return QueryBuilderRule; } if (isRuleSet$1.value) { return QueryBuilderGroup; } throw new Error(\"No component definition available.\"); }); computed(() =&gt; { if (isRule$1.value &amp;&amp; ruleDefinition.value) { return ruleDefinition.value; } if (isRuleSet$1.value) { return null; } throw new Error(\"No component definition available.\"); }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1$1, [ (openBlock(), createBlock(resolveDynamicComponent(unref(component)), { config: __props.config, query: __props.query, depth: __props.depth, onQueryUpdate: _cache[0] || (_cache[0] = ($event) =&gt; _ctx.$emit(\"query-update\", $event)), class: \"query-builder-child__component\" }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1064, [\"config\", \"query\", \"depth\"])), createElementVNode(\"button\", { \"aria-label\": \"Close\", class: \"query-builder-child__delete-child\", onClick: _cache[1] || (_cache[1] = withModifiers(($event) =&gt; _ctx.$emit(\"delete-child\"), [\"stop\", \"prevent\"])) }, _hoisted_3$1) ]); }; } }); const QueryBuilderChild_vue_vue_type_style_index_0_scoped_530acb3b_lang = \"\"; const QueryBuilderChild = /* @__PURE__ */ _export_sfc(_sfc_main$2, [[\"__scopeId\", \"data-v-530acb3b\"]]); const _withScopeId = (n) =&gt; (pushScopeId(\"data-v-78d4affb\"), n = n(), popScopeId(), n); const _hoisted_1 = { class: \"query-builder-group\" }; const _hoisted_2 = { class: \"query-builder-group__control\" }; const _hoisted_3 = { key: 0, class: \"query-builder-group__group-selection-slot\" }; const _hoisted_4 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_5 = { key: 1, class: \"query-builder-group__group-selection\" }; const _hoisted_6 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_7 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"span\", { class: \"query-builder-group__group-operator\" }, \"Operator\", -1)); const _hoisted_8 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"option\", { disabled: \"\", value: \"\" }, \"Select an operator\", -1)); const _hoisted_9 = [\"value\", \"textContent\"]; const _hoisted_10 = { key: 3, class: \"query-builder-group__group-control\" }; const _hoisted_11 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"option\", { disabled: \"\", value: \"\" }, \"Select a rule\", -1)); const _hoisted_12 = [\"value\", \"textContent\"]; const _hoisted_13 = [\"disabled\"]; const _hoisted_14 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"div\", { class: \"query-builder-group__spacer\" }, null, -1)); const _sfc_main$1 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderGroup\", props: { config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, query: { type: Object }, depth: { type: Number } }, emits: [\"query-update\"], setup(__props, { expose, emit: emit2 }) { const props2 = __props; const getMergeTrap = inject(\"getMergeTrap\"); watch(() =&gt; props2.query, (n) =&gt; pruneChildren()); watch(() =&gt; props2.config.maxDepth, (n) =&gt; pruneChildren()); onMounted(() =&gt; pruneChildren()); function pruneChildren() { if (children.value.length === props2.query.children.length) { return; } const childrenUpdate = [...children.value]; emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } const selectedOperator = computed({ get: () =&gt; props2.query.operatorIdentifier, set: (operatorIdentifier) =&gt; { emit2( \"query-update\", { ...props2.query, operatorIdentifier } ); } }); const trap = ref(null); const selectedRule = ref(\"\"); const type = QueryBuilderGroupSym; const children = computed(() =&gt; { if (maxDepthExeeded.value) { return [...props2.query.children].filter(isRule); } return [...props2.query.children]; }); const childProxies = computed(() =&gt; children.value.map((item, index2) =&gt; ({ __item: item, __id: index2 }))); function updateSort(ev) { if (ev.moved) { moveSortedChild(ev.moved); return; } if (ev.added) { addSortedChild(ev.added); return; } if (ev.removed) { removeSortedChild(ev.removed); } } function moveSortedChild(move) { const childrenUpdate = [...children.value]; childrenUpdate.splice(move.newIndex, 0, childrenUpdate.splice(move.oldIndex, 1)[0]); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } const draggableComponent$1 = ref(null); function addSortedChild(added) { var _a; const childrenUpdate = [...children.value]; childrenUpdate.splice(added.newIndex, 0, added.element.__item); getMergeTrap().registerSortUpdate({ component: (_a = draggableComponent$1.value) == null ? void 0 : _a.$parent, ev: { operatorIdentifier: selectedOperator.value, children: childrenUpdate }, adding: true, affectedIdx: added.newIndex }); } function removeSortedChild(removed) { var _a; const childrenUpdate = [...children.value]; childrenUpdate.splice(removed.oldIndex, 1); getMergeTrap().registerSortUpdate({ component: (_a = draggableComponent$1.value) == null ? void 0 : _a.$parent, ev: { operatorIdentifier: selectedOperator.value, children: childrenUpdate }, adding: false, affectedIdx: removed.oldIndex }); } const operators = computed(() =&gt; props2.config.operators); const rules = computed(() =&gt; props2.config.rules); const childDepth = computed(() =&gt; props2.depth + 1); const childDepthClass = computed(() =&gt; `query-builder-group__group-children--depth-${childDepth.value}`); const hasMaxDepth = computed(() =&gt; typeof props2.config.maxDepth === \"number\"); const maxDepthExeeded = computed(() =&gt; { if (!hasMaxDepth.value) { return false; } return props2.depth &gt;= props2.config.maxDepth; }); const borderColor = computed(() =&gt; { if (props2.config.colors &amp;&amp; props2.config.colors.length &gt; 0) { return props2.config.colors[props2.depth % props2.config.colors.length]; } return \"\"; }); const getBorderStyle = computed(() =&gt; { if (borderColor.value) { return `border-color: ${borderColor.value}`; } return \"border-left: 0\"; }); const groupOperatorSlotProps = computed(() =&gt; ({ currentOperator: selectedOperator.value, operators: operators.value, updateCurrentOperator: (newOperator) =&gt; { emit2( \"query-update\", { ...props2.query, operatorIdentifier: newOperator } ); } })); const groupControlSlotProps = computed(() =&gt; ({ maxDepthExeeded: maxDepthExeeded.value, rules: rules.value, addRule: (newRule) =&gt; { const currentRule = selectedRule.value; selectedRule.value = newRule; addRule(); selectedRule.value = currentRule; }, newGroup: () =&gt; newGroup() })); const dragOptions = computed(() =&gt; { if (!props2.config.dragging) { return { disabled: true }; } if (!hasMaxDepth.value) { return props2.config.dragging; } return { ...props2.config.dragging, group: { name: props2.config.dragging.group, put: (to, from, dragEl2) =&gt; { const dragged = dragEl2 == null ? void 0 : dragEl2.__vue__; const childDepthCurrent = calculateMaxDepth({ ...dragged.query }, 0); return props2.depth + childDepthCurrent &lt;= props2.config.maxDepth; } } }; }); function calculateMaxDepth(query, depthCnt) { if (isRule(query)) { return depthCnt; } return query.children.reduce((cntPerChild, c) =&gt; Math.max( cntPerChild, calculateMaxDepth({ ...c }, depthCnt + 1) ), depthCnt); } const showDragHandle = computed(() =&gt; !(dragOptions.value.disabled || props2.depth === 0)); function addRule() { const childrenUpdate = [...children.value]; const selectedRuleFound = props2.config.rules.find((rule) =&gt; rule.identifier === selectedRule.value); if (!selectedRuleFound) { throw new Error(`Rule identifier \"${selectedRule.value}\" is invalid.`); } if (typeof selectedRuleFound.initialValue === \"object\" &amp;&amp; selectedRuleFound.initialValue !== null) { throw new Error(`\"initialValue\" of \"${selectedRuleFound.identifier}\" must not be an object - use a factory function!`); } let value = null; if (typeof selectedRuleFound.initialValue !== \"undefined\") { value = selectedRuleFound.initialValue; } if (typeof value === \"function\") { value = value(); } childrenUpdate.push({ identifier: selectedRuleFound.identifier, value }); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); selectedRule.value = \"\"; } function newGroup() { if (maxDepthExeeded.value) { return; } const childrenUpdate = [...children.value]; childrenUpdate.push({ operatorIdentifier: props2.config.operators[0].identifier, children: [] }); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } function updateChild(position, newChild) { if (trap.value) { trap.value(position, newChild); return; } const childrenUpdate = [...children.value]; childrenUpdate.splice(position, 1, newChild); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } function deleteChild(idx) { const childrenUpdate = [...children.value]; childrenUpdate.splice(idx, 1); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } expose({ type, children, depth: computed(() =&gt; props2.depth), selectedOperator, trap }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1, [ createElementVNode(\"div\", _hoisted_2, [ _ctx.$slots.groupOperator ? (openBlock(), createElementBlock(\"div\", _hoisted_3, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_4)) : createCommentVNode(\"\", true), renderSlot(_ctx.$slots, \"groupOperator\", normalizeProps(guardReactiveProps(unref(groupOperatorSlotProps))), void 0, true) ])) : (openBlock(), createElementBlock(\"div\", _hoisted_5, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_6)) : createCommentVNode(\"\", true), _hoisted_7, withDirectives(createElementVNode(\"select\", { \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event) =&gt; isRef(selectedOperator) ? selectedOperator.value = $event : null) }, [ _hoisted_8, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operators), (operator) =&gt; { return openBlock(), createElementBlock(\"option\", { key: operator.identifier, value: operator.identifier, textContent: toDisplayString(operator.name) }, null, 8, _hoisted_9); }), 128)) ], 512), [ [vModelSelect, unref(selectedOperator)] ]) ])), _ctx.$slots.groupControl ? renderSlot(_ctx.$slots, \"groupControl\", normalizeProps(mergeProps({ key: 2 }, unref(groupControlSlotProps))), void 0, true) : (openBlock(), createElementBlock(\"div\", _hoisted_10, [ withDirectives(createElementVNode(\"select\", { \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event) =&gt; selectedRule.value = $event) }, [ _hoisted_11, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rules), (rule) =&gt; { return openBlock(), createElementBlock(\"option\", { key: rule.identifier, value: rule.identifier, textContent: toDisplayString(rule.name) }, null, 8, _hoisted_12); }), 128)) ], 512), [ [vModelSelect, selectedRule.value] ]), createElementVNode(\"button\", { disabled: selectedRule.value === \"\", onClick: addRule, class: \"query-builder-group__rule-adding-button\" }, \" Add Rule \", 8, _hoisted_13), !unref(maxDepthExeeded) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [ _hoisted_14, createElementVNode(\"button\", { onClick: newGroup, class: \"query-builder-group__group-adding-button\" }, \" Add Group \") ], 64)) : createCommentVNode(\"\", true) ])) ]), createVNode(unref(draggableComponent), mergeProps({ class: [\"query-builder-group__group-children\", unref(childDepthClass)], style: unref(getBorderStyle), modelValue: unref(childProxies), onChange: updateSort, \"item-key\": \"__id\", tag: \"div\" }, unref(dragOptions), { ref_key: \"draggableComponent\", ref: draggableComponent$1 }), { item: withCtx(({ element: child, index: idx }) =&gt; [ (openBlock(), createBlock(QueryBuilderChild, { key: idx, config: __props.config, query: child.__item, depth: unref(childDepth), onQueryUpdate: ($event) =&gt; updateChild(idx, $event), onDeleteChild: ($event) =&gt; deleteChild(idx), class: \"query-builder-group__child\" }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1032, [\"config\", \"query\", \"depth\", \"onQueryUpdate\", \"onDeleteChild\"])) ]), _: 3 }, 16, [\"class\", \"style\", \"modelValue\"]) ]); }; } }); const QueryBuilderGroup_vue_vue_type_style_index_0_scoped_78d4affb_lang = \"\"; const QueryBuilderGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [[\"__scopeId\", \"data-v-78d4affb\"]]); const _sfc_main = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilder\", props: { modelValue: { type: Object, required: false, default: null, validator: (query) =&gt; query === null || isRuleSet(query) }, config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) } }, emits: [\"update:modelValue\"], setup(__props, { emit: emit2 }) { const props2 = __props; provide(\"getMergeTrap\", provideMergeTrap); let trap = null; watch(() =&gt; props2.modelValue, () =&gt; { trap = null; }); const ruleSet = computed(() =&gt; { if (props2.modelValue) { return props2.modelValue; } if (props2.config.operators.length === 0) { return { operatorIdentifier: \"\", children: [] }; } return { operatorIdentifier: props2.config.operators[0].identifier, children: [] }; }); const queryBuiderConfig = computed(() =&gt; { if (!props2.config.dragging) { return props2.config; } return { ...props2.config, dragging: { handle: \".query-builder__draggable-handle\", ...props2.config.dragging, group: `${new Date().getTime() * Math.random()}` } }; }); function updateQuery(newQuery) { trap = null; emit2(\"update:modelValue\", { ...newQuery }); } function provideMergeTrap() { if (trap) { return trap; } trap = new MergeTrap(); return trap; } return (_ctx, _cache) =&gt; { return openBlock(), createBlock(QueryBuilderGroup, { config: unref(queryBuiderConfig), query: unref(ruleSet), depth: 0, class: \"query-builder__root\", onQueryUpdate: updateQuery }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1032, [\"config\", \"query\"]); }; } }); const QueryBuilder_vue_vue_type_style_index_0_scoped_1676f0cb_lang = \"\"; const ReExportQueryBuilder = /* @__PURE__ */ _export_sfc(_sfc_main, [[\"__scopeId\", \"data-v-1676f0cb\"]]); export { ReExportQueryBuilder as default }; //# sourceMappingURL=query-builder-vue-3.js.map × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash-es\"; // 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\"]; 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) { state.sections.additionalInformation.data[ additionalInformation.fieldName ] = additionalInformation.fieldValue; } else { 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 ] ) { state.sections.additionalInformation.data[ additionalInformation.fieldName ] = []; } try { 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import {uniqWith} from \"lodash-es\"; 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; -1) 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. 📘 System Architecture: For a comprehensive technical deep-dive into how our SEO routing, Vike file-based caching, and page rendering pipeline operate, read the Architecture Guide. Compiles and hot-reloads for development npm run dev Test with vitest &amp; generate coverage npm run test:ui Generate the documentation locally npm run doc:full Build and prerender npm run build The site uses Vike prerendering with a batched build process so large route sets can be generated safely. Build modes VITE_FULL_PRERENDER controls the build behavior. Run the Full build Fetches API data, generates the prerender JSON files, and runs the full batched prerender: VITE_FULL_PRERENDER=true npm run build Run the light build path: VITE_FULL_PRERENDER=false npm run build The light build path skips the long prerender loop and is useful for limited build environments such as Netlify. How the build works The build script: Fetches record data and organisation data from the API, Writes generated JSON files into src/lib/Prerender/, Writes the current batch context into src/lib/Prerender/build-context.json, Prerenders routes in batches, Copies the final prerender output into dist/client. Environment variables VITE_FULL_PRERENDER controls whether the full batch prerender runs. BATCH_SIZE controls how many record pages are processed per batch. BUILD_CONTEXT is written during the build so Vike can read the current batch information. Generated files These files are created during build and should not be committed: src/lib/Prerender/fairsharingRecords.generated.json src/lib/Prerender/organisations.generated.json src/lib/Prerender/build-context.json .prerender-output/ dist/ × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 8 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 93 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 10 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 58 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 25 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 42 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 132 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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; changeWatcher(recordID, operation, userToken) Add or remove an watcher to/from a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. operation String 'add' or 'remove'. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 426 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 665 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 484 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 859 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 465 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 611 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 683 Returns: Type Promise &lt;async&gt; createProcessingNotes(noteText, recordId, jwt) Create processing note of the given record Parameters: Name Type Description noteText String Processing Notes recordId Number FAIRsharing record Id jwt String the user token Source: lib/Client/RESTClient.js, line 1092 Returns: Type Promise.&lt;*&gt; &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 502 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 876 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 648 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 720 Returns: Type Promise &lt;async&gt; deleteProcessingNote(noteId, jwt) Delete processing note of the given record Parameters: Name Type Description noteId Number Processing Note Id jwt String the user token Source: lib/Client/RESTClient.js, line 1138 Returns: Type Promise.&lt;*&gt; &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 778 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 586 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 630 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 893 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 737 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 938 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1001 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 808 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 922 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 906 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 987 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; getUserRoles(token) Get the list of available roles for a user. Parameters: Name Type Description token String the user token Source: lib/Client/RESTClient.js, line 825 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 954 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; removeMaintainer(recordID, userToken) Remove an existing maintainer from 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 406 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 446 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 563 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 1016 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 519 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 842 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 702 Returns: Type Promise &lt;async&gt; updateProcessingNotes(noteId, noteText, recordId, jwt) Update processing note of the given record Parameters: Name Type Description noteId Number Processing Note Id noteText String Processing Notes recordId Number FAIRsharing record Id jwt String the user token Source: lib/Client/RESTClient.js, line 1116 Returns: Type Promise.&lt;*&gt; &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 756 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 22 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 10 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 105 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 76 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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.baseUrl = import.meta.env.VITE_API_ENDPOINT; 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) { // Point this to your Rails backend route instead of dx.doi.org. // Ensure the route matches your setup (e.g., it might be '/api/zenodo' or '/zenodo') let user = JSON.parse(localStorage.getItem(\"user\")); let token; if (user) { token = user.credentials.token; } const targetUrl = `${this.baseUrl}/zenodo?doi=${encodeURIComponent(doi)}`; const request = { url: targetUrl, headers: { Accept: \"application/json\", Authorization: `Bearer ${token}`, }, }; 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 { const response = await axios.get(query.url, { headers: query.headers }); // Check if we got HTML instead of JSON const contentType = response.headers[\"content-type\"] || \"\"; if (contentType.includes(\"text/html\")) { throw new Error( \"Expected JSON but received HTML (Website instead of API)\", ); } // Check if the data is empty or generic error-like HTML if (!response.data || response.data.length === 0) { throw new Error(\"No data returned from the source\"); } return response; } catch (e) { // This will now catch both Network/CORS errors AND the manual HTML error above return { data: { error: e.message || e, isError: true, }, }; } } } 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClient.js import axios from \"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 = import.meta.env.VITE_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\"] = import.meta.env.VITE_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_GraphClient_GraphClientSEO.js.html":{"id":"lib_GraphClient_GraphClientSEO.js.html","title":"Source: lib/GraphClient/GraphClientSEO.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: lib/GraphClient/GraphClientSEO.js import axios from \"axios\"; import Fragments from \"./queries/fragments/fragments.json\" with { type: \"json\" }; class GraphQLClientSEO { constructor() { //If an instance already exists, return it immediately without altering state if (GraphQLClientSEO._instance) { return GraphQLClientSEO._instance; } // Otherwise, this is the true first initialization this.initalizeHeader(); // Ensure we handle trailing/missing slashes cleanly const baseEndpoint = process.env.VITE_API_ENDPOINT; this.url = `${baseEndpoint.replace(/\\/$/, \"\")}/graphql`; GraphQLClientSEO._instance = this; } /** * Execute the given query (coming from a json file, see /queries/getRecords.json) * @param {Object} query - the query coming from the JSON file * @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, posts it with axios, and returns the raw data * @param {Object} queryString - processed request coming out of buildQuery() * @returns {Promise} */ async getData(queryString) { let client = this; const fullQuery = { method: \"post\", url: client.url, //Use 'url' instead of 'baseURL' so the exact path is targeted cleanly 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 {String} */ buildQuery(query) { let client = this; let queryString = `${query[\"queryName\"]}`; 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\") { const regExp = /\\(|\\)|\\{|\\}/g; const hasBrackets = regExp.test(query.queryParam[key]); if (hasBrackets) queryString += `${key}:${query.queryParam[key]}`; else 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 += \")\"; } 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\", // Disguise Axios as a standard Chrome web browser to bypass WAF blocks \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36\", // Force standard compression formats \"Accept-Encoding\": \"gzip, deflate\", }; const clientId = process.env.VITE_CLIENT_ID; if (clientId) { this.headers[\"X-Client-Id\"] = clientId; } } } export default GraphQLClientSEO; × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 = import.meta.env.VITE_API_ENDPOINT; this.headers = { Accept: \"application/json\", \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-cache\", }; this.headers[\"X-Client-Id\"] = import.meta.env.VITE_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). 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! 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). 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; } 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 */ 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 */ 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 */ 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; } /** * Create processing note of the given record * @param noteText {String} Processing Notes * @param recordId {Number} FAIRsharing record Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async createProcessingNotes(noteText, recordId, jwt) { const request = { method: \"post\", baseURL: this.baseURL + \"/processing_notes/\", headers: this.auth_headers(jwt), data: { processing_note: { note: noteText, fairsharing_record_id: recordId, }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Update processing note of the given record * @param noteId {Number} Processing Note Id * @param noteText {String} Processing Notes * @param recordId {Number} FAIRsharing record Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async updateProcessingNotes(noteId, noteText, recordId, jwt) { const request = { method: \"put\", baseURL: this.baseURL + \"/processing_notes/\" + noteId, headers: this.auth_headers(jwt), data: { processing_note: { note: noteText, fairsharing_record_id: recordId, }, }, }; let response = await this.executeQuery(request); return response.data; } /** * Delete processing note of the given record * @param noteId {Number} Processing Note Id * @param jwt {String} the user token * @return {Promise&lt;*&gt;} */ async deleteProcessingNote(noteId, jwt) { const request = { method: \"delete\", baseURL: this.baseURL + \"/processing_notes/\" + noteId, headers: this.auth_headers(jwt), }; return await this.executeQuery(request); } } 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Static/Community/Community.vue &lt;template&gt; &lt;main :class=\"applyCss ? 'pa-15 mb-10' : ''\"&gt; &lt;!-- main_title_2 --&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 class=\"underline-effect\" href=\"https://www.nature.com/articles/sdata201618\" target=\"_blank\" &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 class=\"underline-effect\" href=\"https://doi.org/10.25504/FAIRsharing.2abjs5\" target=\"_blank\" &gt;FAIRsharing record&lt;/a &gt;, or our &lt;a class=\"underline-effect\" href=\"https://doi.org/10.1038/s41587-019-0080-8\" target=\"_blank\" &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 justify-center\"&gt; &lt;v-col v-for=\"(tab, index) in contentTabs\" :key=\"tab.name + '_' + index\" cols=\"12\" lg=\"4\" md=\"4\" sm=\"12\" &gt; &lt;v-card class=\"mx-auto block-category__card cursor-pointer\" height=\"300\" max-width=\"350\" @click=\"jumpToAnchor(tab.name.toLowerCase())\" &gt; &lt;div class=\"text-white d-flex flex-column justify-center block-category__card__gradient\" &gt; &lt;div class=\"d-flex justify-center align-center\" style=\"height: 136px\" &gt; &lt;v-icon color=\"white\" size=\"80\" style=\"opacity: 0.7\"&gt; {{ customIcons.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\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#funders'\" style=\"color: white\" to=\"#funders\" &gt; Funders &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#publishers'\" style=\"color: white\" to=\"#publishers\" &gt; Publishers &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#organisations'\" style=\"color: white\" to=\"#organisations\" &gt; Organisations &lt;/router-link&gt; &lt;/v-btn&gt; &lt;v-btn class=\"ma-2\" color=\"primary\" variant=\"elevated\"&gt; &lt;router-link v-scroll-to=\"'#tools'\" style=\"color: white\" to=\"#tools\"&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.display.xl }, ]\" &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\" :class=\"[ 'pa-5 links', { 'max-width-32-percent': $vuetify.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &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.display.xl }, ]\" &gt; {{ item.title }} &lt;/p&gt; &lt;/a&gt; &lt;i v-safe-html=\"item.text\" :class=\"[ 'mb-0 word-break lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.xl }, ]\" &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\" :class=\"[ 'pa-5 links', { 'max-width-32-percent': $vuetify.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &gt; &lt;v-img v-if=\"item.image\" :src=\"assetPath(item.image)\" class=\"contain\" height=\"120\" max-height=\"250px\" max-width=\"250px\" 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.display.xl }, ]\" &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.display.mdAndUp }, ]\" cols=\"12\" lg=\"4\" md=\"12\" &gt; &lt;v-img v-if=\"item.image\" :src=\"assetPath(item.image)\" class=\"contain\" height=\"120\" max-height=\"250px\" max-width=\"250px\" 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.display.xl }, ]\" &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\" lg=\"3\" md=\"4\" sm=\"12\" 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' \" aspect-ratio=\"1\" class=\"text-white align-end\" cover gradient=\"to top, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9)\" &gt; &lt;v-card-title&gt; &lt;h4 style=\"word-break: initial\"&gt; &lt;a :id=\"tool.id\" :href=\"tool.homepage\" target=\"_blank\"&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 :style=\" $vuetify.display.xl ? 'height: 320px' : $vuetify.display.mdAndUp ? 'height: 350px' : 'height: 100%' \" class=\"text--primary\" style=\"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\" location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;a :href=\"orgUrl(org)\" class=\"d-inline-block\" v-bind=\"props\" &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=\"orgUrl(org)\" 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\" size=\"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\" size=\"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\" size=\"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;!--Commenting activities section as per ticket https://github.com/FAIRsharing/fairsharing.github.io/issues/2812 --&gt; &lt;!-- Activities --&gt; &lt;!-- &lt;section id=\"activities\"&gt;--&gt; &lt;!-- &lt;h3 class=\"text-h4 my-4\"&gt;Activities&lt;/h3&gt;--&gt; &lt;!-- &lt;p--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- FAIRsharing is not just a registry. The team behind FAIRsharing is--&gt; &lt;!-- involved in a number of FAIR-enabling activities, delivering guidance,--&gt; &lt;!-- tools and services with and for a variety of stakeholders. As these--&gt; &lt;!-- activities mature, we will implement or connect them in/to the--&gt; &lt;!-- FAIRsharing resource itself.--&gt; &lt;!-- &lt;/p&gt;--&gt; &lt;!-- &lt;p--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- Some of these activities are part of funded projects and of national or--&gt; &lt;!-- international consortia, while others are volunteer efforts that fall--&gt; &lt;!-- under a variety of umbrella organisations, such as working groups (WG)--&gt; &lt;!-- and learned societies.--&gt; &lt;!-- &lt;/p&gt;--&gt; &lt;!-- &lt;b--&gt; &lt;!-- :class=\"[--&gt; &lt;!-- 'mb-2 lato-font-medium lato-text-sm',--&gt; &lt;!-- { 'lato-text-md': $vuetify.display.xl },--&gt; &lt;!-- ]\"--&gt; &lt;!-- &gt;--&gt; &lt;!-- Our activities are classified using the three GO-FAIR pillar structures--&gt; &lt;!-- (change, build, train) and are outlined here.--&gt; &lt;!-- &lt;/b&gt;--&gt; &lt;!-- &amp;lt;!&amp;ndash;Activities table&amp;ndash;&amp;gt;--&gt; &lt;!-- &amp;lt;!&amp;ndash; &lt;ActivitiesStaticTable class=\"mb-16 mt-2\" /&gt;&amp;ndash;&amp;gt;--&gt; &lt;!-- &lt;/section&gt;--&gt; &lt;!-- Governance --&gt; &lt;section id=\"governance\"&gt; &lt;h3 class=\"text-h4 mb-4 mt-10\"&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 v-safe-html=\"meettheteam.description\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.mdAndDown ? 'mx-auto' : '', ]\" &gt; &lt;v-avatar size=\"160\"&gt; &lt;v-img :src=\"assetPath(profileItem.profileImg)\" style=\"filter: grayscale(1)\" /&gt; &lt;/v-avatar&gt; &lt;p v-safe-html=\"profileItem.name\" class=\"text-center text-primary lato-font-bold mt-2 ma-0\" style=\" font-size: 1.5rem; min-height: 80px; display: flex; flex-direction: column; \" /&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 :href=\" socialItem.link.includes('@') ? `mailto:${socialItem.link}` : socialItem.link \" class=\"pr-2\" target=\"_blank\" &gt; &lt;Icon :item=\"socialItem.icon\" class=\"mr-1\" 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 v-safe-html=\"itemText.text\" class=\"ma-1\" /&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.display.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.display.lgAndUp, }, ]\" &gt; &lt;div v-if=\"!isArray(itemData)\" class=\"d-flex mb-2\"&gt; &lt;p v-safe-html=\"itemData.text\" class=\"ma-0\" /&gt; &lt;a v-if=\"itemData.link\" :href=\" itemData.link.toString().includes('@') ? `mailto:${itemData.link}` : itemData.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"itemDataArray.text\" class=\"ma-0\" /&gt; &lt;a :href=\" itemDataArray.link.toString().includes('@') ? `mailto:${itemDataArray.link}` : itemDataArray.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"rda.description\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.mdAndUp }]\"&gt; &lt;li v-for=\"(itemData, itemDataIndex) in item.data\" :key=\"itemData + '_' + itemDataIndex\" :class=\"['mb-1', { 'd-flex': $vuetify.display.lgAndUp }]\" &gt; &lt;div class=\"d-flex mb-2\"&gt; &lt;p v-safe-html=\"itemData.text\" class=\"ma-0\" /&gt; &lt;a v-if=\"itemData.link\" :href=\" itemData.link.toString().includes('@') ? `mailto:${itemData.link}` : itemData.link \" class=\"ml-2 pr-2\" target=\"_blank\" &gt; &lt;Icon class=\"mr-1\" height=\"25\" item=\"Orcid\" 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 v-safe-html=\"item.data\" :class=\"[ 'mb-5 lato-font-medium lato-text-sm', { 'lato-text-md': $vuetify.display.xl }, ]\" /&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.display.xl }, ]\" &gt; &lt;a href=\"https://zulip.com/\" target=\"_blank\"&gt; &lt;img height=\"27px\" src=\"/assets/icons/zulip-icon.png\" width=\"27px\" /&gt; &lt;/a&gt; We'd like to thank &lt;a class=\"underline-effect\" href=\"https://zulip.com/\" target=\"_blank\" &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;/main&gt; &lt;/template&gt; &lt;script&gt; /** * All static pages will be handle through this namespace * @namespace Static */ import { isArray } from \"lodash-es\"; import Icon from \"@/components/Icon\"; // import ActivitiesStaticTable from \"@/components/Static/Community/ActivitiesStaticTable\"; import communityData from \"@/data/communityPageData.json\"; import customIcons from \"@/plugins/icons\"; const handleScroll = () =&gt; { // Check if we are at the top // Only run this if there is actually a hash to remove if (window.scrollY &lt; 2 &amp;&amp; window.location.hash) { // We use replaceState so we don't clutter the history stack history.replaceState(history.state, null, window.location.pathname); } }; /** This component handles the sign-up/register page * @memberOf Static * @name Community * @type module * @instance * */ export default { name: \"Community\", components: { Icon }, 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, customIcons: customIcons, }; }, 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; }); }, mounted() { window.addEventListener(\"scroll\", handleScroll); }, unmounted() { //CRITICAL: If you skip this, the event listener keeps running forever in the background! window.removeEventListener(\"scroll\", handleScroll); }, methods: { jumpToAnchor(selectedAnchor) { let anchorElement = document.getElementById(selectedAnchor); if (selectedAnchor !== this.currentAnchor) { anchorElement.scrollIntoView({ behavior: \"smooth\", block: \"start\" }); history.pushState(null, null, `#${selectedAnchor}`); this.currentAnchor = selectedAnchor; } }, isArray(input) { return isArray(input); }, orgUrl(org) { if (org.id) { return `/organisations/${org.id}`; } else { return org.url; } }, assetPath(path) { if (!path) { return \"\"; } return path.startsWith(\"/\") ? path : `/${path.replace(/^\\.?\\//, \"\")}`; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .links { border: 1px #d4d4d4 solid; margin: 2px; } .block-category { &amp;__card { transition: all 0.2ms ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -webkit-box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -moz-box-shadow: 0 1rem 2rem rgba(black, 0.15) !important; -o-box-shadow: 0 1rem 2rem rgba(black, 0.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\"); if (Object.keys(params).length &gt; 0) { // attempt to fix single fields with brackets, as per: // https://github.com/FAIRsharing/fairsharing.github.io/issues/2648 Object.keys(params).forEach((key) =&gt; { if ( String(params[key]).includes(\"(\") || String(params[key]).includes(\")\") ) { params[key] = [params[key]]; } }); // params['q'] needs to be sanitised here. 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/searchFilters.js import { isEqual } from \"lodash-es\"; 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; { if (state.filtersStatistic &amp;&amp; state.filtersStatistic[option.filterName]) { const targetBucket = state.filtersStatistic[ option.filterName ].buckets.find((item) =&gt; item.key === option.key); return targetBucket ? targetBucket.doc_count : 0; } return 0; }, }; /** * 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/introspector.js import {isEqual} from \"lodash-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/AdvancedSearchDialogBox.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :model-value=\"dialog\" :retain-focus=\"false\" fullscreen persistent @keydown.esc=\"closeDialog()\" &gt; &lt;v-card&gt; &lt;div :class=\"{ 'flex-column align-end': $vuetify.display.smAndDown, }\" class=\"d-flex pt-6 px-6 justify-space-between\" &gt; &lt;!--Close Button --&gt; &lt;div class=\"order-md-3\" style=\"padding-left: 14.4%\"&gt; &lt;v-btn icon @click=\"closeDialog()\"&gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"40\" /&gt; &lt;/v-btn&gt; &lt;/div&gt; &lt;!--FAIRsharing Logo --&gt; &lt;router-link :class=\"{ 'mt-n15 mx-auto': $vuetify.display.smAndDown, }\" class=\"mt-n5 order-md-1\" to=\"/\" &gt; &lt;img alt=\"FAIRsharing logo\" src=\"/assets/fairsharing-logo.svg\" @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=\"text-primary\"&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 class=\"text-decoration-underline\" href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt;gitbook documentation &lt;v-icon size=\"x-small\"&gt; {{ \"fas 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 align-center\"&gt; &lt;TooltipComponent :tool-tip-text=\"toolTipText\" text-colour=\"text-black\" /&gt; &lt;v-text-field v-if=\"!getEditDialogStatus\" ref=\"inputRef\" class=\"text-h5 full-width\" clearable hide-details label=\"Add Search text\" variant=\"outlined\" @update:model-value=\"updateSearchText($event)\" /&gt; &lt;v-text-field v-else :model-value=\"updatedAdvancedSearchText\" class=\"text-h5 full-width\" clearable hide-details label=\"Add Search text\" variant=\"outlined\" @update:model-value=\"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=\"{ 'flex-column align-center': $vuetify.display.smAndDown, }\" class=\"px-6 justify-space-between\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" :disabled=\"isContinue\" :width=\"$vuetify.display.smAndDown ? '100%' : '250'\" class=\"text-white order-md-2 bg-green\" elevation=\"2\" variant=\"text\" @click=\"goToAdvancedSearch()\" &gt; Proceed &lt;/v-btn&gt; &lt;v-btn :width=\"$vuetify.display.smAndDown ? '100%' : '250'\" class=\"order-md-1 ml-0 bg-accent3\" elevation=\"2\" variant=\"text\" @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, isObject } from \"lodash-es\"; 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 { uniqueValues } from \"@/utils/advancedSearchUtils\"; export default { name: \"AdvancedSearchDialogBox\", components: { QueryBuilderView, TooltipComponent }, props: { advancedSearchTerm: { default: \"\", type: String, }, }, emits: [\"clearSearchField\"], 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 &amp;&amp; this.$refs.inputRef !== null ) { 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\") { this.$store.commit(\"advancedSearch/setAdvancedSearchDialogStatus\", true); } }, methods: { ...mapActions(\"advancedSearch\", [\"fetchAdvancedSearchResults\"]), closeDialog() { this.$store.commit(\"advancedSearch/setEditDialogStatus\", false); this.$store.commit(\"advancedSearch/setAdvancedSearchDialogStatus\", false); // Redirecting to home page after closing if (this.$route.fullPath.toLowerCase() === \"/advancedsearch\") { this.$router.push(\"/\"); } this.dialog = false; }, 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); } //Clear search text field flag this.$emit(\"clearSearchField\", true); this.advancedSearchQueryString(); this.advancedSearchNavigation(this.queryString); this.closeDialog(); }, /** * 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\"])) { let valuesArr = []; params[\"value\"].forEach((item) =&gt; { if (isObject(item)) { valuesArr.push(item.value); } else { valuesArr.push(item); } }); this.queryString += valuesArr.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchResultTable.vue &lt;template&gt; &lt;div v-if=\"getErrorStatus\" class=\"pa-0\" fluid&gt; &lt;ErrorPage /&gt; &lt;/div&gt; &lt;div v-else class=\"pa-5 mb-15\"&gt; &lt;div :class=\"$vuetify.display.mdAndUp ? 'buttonWrapper' : 'd-flex flex-column'\" data-test=\"action-wrapper\" &gt; &lt;v-btn class=\"mb-2 font-12\" color=\"primary\" size=\"small\" @click=\"downloadResults()\" &gt; Download Results &lt;/v-btn&gt; &lt;SaveSearchButton /&gt; &lt;/div&gt; &lt;p class=\"text-body-2 mb-0 mt-4\"&gt; &lt;v-icon class=\"mr-1\" size=\"small\"&gt; fas fa-info-circle&lt;/v-icon&gt; Find out more about our Advanced Search in our &lt;a class=\"text-decoration-underline\" href=\"https://fairsharing.gitbook.io/fairsharing/how-to/advanced-search\" target=\"_blank\" &gt;gitbook documentation&lt;/a &gt; &lt;v-icon size=\"x-small\"&gt; fas fa-link&lt;/v-icon&gt; &lt;/p&gt; &lt;v-data-iterator :items=\"getAdvancedSearchResponse\" :items-per-page=\"itemsPerPage\" :loading=\"getLoadingStatus\" :page=\"page\" :search=\"search\" :sort-by=\"sortData\" multi-sort &gt; &lt;!-- headers start --&gt; &lt;template #header=\"{ pagination, options, updateOptions }\"&gt; &lt;v-data-table-footer v-if=\"!noPagination\" :options=\"options\" :pagination=\"pagination\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;v-toolbar class=\"mb-5 px-4 py-1\" color=\"blue-lighten-1\" dark&gt; &lt;v-text-field :model-value=\"search\" clearable flat hide-details label=\"Filter these results\" prepend-inner-icon=\"fas fa-solid fa-filter\" variant=\"solo\" width=\"125\" @update:model-value=\"search = $event\" /&gt; &lt;template v-if=\"$vuetify.display.mdAndUp\"&gt; &lt;v-spacer /&gt; &lt;v-select v-model=\"sortBy\" :items=\"keys\" flat hide-details label=\"Sort by\" prepend-inner-icon=\"fas fa-solid fa-arrow-up-short-wide\" variant=\"solo\" width=\"125\" /&gt; &lt;v-spacer /&gt; &lt;v-btn-toggle :model-value=\"sortDesc\" mandatory @update:model-value=\"sortDesc = $event\" &gt; &lt;v-btn :value=\"false\" color=\"blue\" size=\"large\" variant=\"flat\"&gt; &lt;v-icon icon=\"fas fa-solid fa-arrow-up\" /&gt; &lt;/v-btn&gt; &lt;v-btn :value=\"true\" color=\"blue\" size=\"large\" variant=\"flat\"&gt; &lt;v-icon icon=\"fas fa-solid fa-arrow-down\" /&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=\"{ items }\"&gt; &lt;v-row&gt; &lt;v-col v-for=\"item in items\" :key=\"item.raw.name\" cols=\"12\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-title-1 font-weight-bold d-flex align-center\" &gt; &lt;RecordStatus :record=\"item.raw\" /&gt; &lt;a :href=\"fairSharingURL + getRecordLink(item.raw)\" class=\"ml-10\" style=\"white-space: normal\" target=\"_blank\" &gt; {{ item.raw.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.raw.description }} &lt;/p&gt; &lt;TagChips :record=\"item.raw\" 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;!-- footer start --&gt; &lt;template v-if=\"!noPagination\" #footer=\"{ pagination, options, updateOptions }\" &gt; &lt;v-data-table-footer :options=\"options\" :pagination=\"pagination\" items-per-page-text=\"Records per page:\" @update:options=\"updateOptions\" /&gt; &lt;/template&gt; &lt;!-- footer ends --&gt; &lt;template #no-data&gt; No results found.&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 recordsCardUtils from \"@/utils/recordsCardUtils\"; import ErrorPage from \"@/views/Errors/404.vue\"; export default { name: \"AdvancedSearchResultTable\", components: { RecordStatus, ErrorPage, TagChips, 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: import.meta.env.VITE_FAIRSHARING_URL, }; }, computed: { ...mapGetters(\"advancedSearch\", [ \"getAdvancedSearchResponse\", \"getLoadingStatus\", \"getErrorStatus\", \"getAdvancedSearchQuery\", ]), // When there is no data in the table, hide pagination noPagination() { return ( Array.isArray(this.getAdvancedSearchResponse) &amp;&amp; !this.getAdvancedSearchResponse.length ); }, sortData() { switch (this.sortBy) { case \"Name\": return [{ key: \"name\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Registry\": return [{ key: \"registry\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Type\": return [{ key: \"type\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Status\": return [{ key: \"status\", order: this.sortDesc ? \"desc\" : \"asc\" }]; case \"Description\": return [ { key: \"description\", order: this.sortDesc ? \"desc\" : \"asc\" }, ]; default: return [{ key: \"name\", order: this.sortDesc ? \"desc\" : \"asc\" }]; } }, }, 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 this.$store.commit(\"advancedSearch/setAdvancedSearch\", searchQuery); //Committing the URL query param to setEditAdvancedSearch mutation in appropriate format to execute the edit advanced search this.$store.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; .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/AdvancedSearch/AdvancedSearchSelection.vue &lt;template&gt; &lt;v-card :class=\"[ 'mx-2 full-width d-flex flex-column', $vuetify.display.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" elevation=\"3\" &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\" label variant=\"flat\" &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 bg-primary px-3 py-1 text-white 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;span v-safe-html=\"printSelectionValues(key, value)\" /&gt; &lt;/div&gt; &lt;v-chip class=\"operatorChip\" color=\"accent\" size=\"small\" variant=\"outlined\" &gt; {{ printSelectedOperator(item) }} &lt;/v-chip&gt; &lt;/div&gt; &lt;/div&gt; &lt;v-chip class=\"parentOperatorChip text-uppercase font-weight-medium\" color=\"accent2\" variant=\"flat\" &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 lang=\"scss\" scoped&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; overflow-y: scroll; } .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; padding: 0 22%; margin: 0 auto; text-align: center; //font-weight: 500; } &amp;:last-of-type { .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/Collections.vue &lt;template&gt; &lt;v-card v-if=\"!tabsDataExist\" :color=\"backColor\" border class=\"pa-4 d-flex flex-column overflow-initial\" elevation=\"3\" tile &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\" :menu-props=\"{ attach: true }\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" clearable density=\"compact\" item-title=\"name\" item-value=\"name\" prepend-inner-icon=\"fas fa-search\" style=\"z-index: 2\" variant=\"solo\" &gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list class=\"cursor-pointer pl-5 item-name\"&gt; &lt;div v-bind=\"props\"&gt; &lt;span&gt; {{ item.raw.name }} &lt;/span&gt; &lt;/div&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :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 \" :show-arrows=\"$vuetify.display.mdAndDown\" bg-color=\"transparent\" class=\"mb-5\" color=\"accent3\" grow slider-color=\"accent3\" &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 \" @group:selected=\"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-window v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :class=\"['transparent', tabsDataExist]\" &gt; &lt;v-tabs-window-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\" class=\"ma-4 overflow-x-hidden\" height=\"400\" item-height=\"130\" &gt; &lt;template #default=\"{ item, index }\"&gt; &lt;router-link :to=\"'/' + item.id\" @click=\"() =&gt; $scrollTo('body', 0, {})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat &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=\"text-grey relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ item.object }} &lt;v-tooltip location=\"top\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span class=\"text-red mouse-info\" v-bind=\"props\"&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-tabs-window-item&gt; &lt;/v-tabs-window&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; } }); } else { /* * Here, only incoming recommends or collects relations are expected. */ 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; &lt;style lang=\"scss\" scoped&gt; .item-name { &amp;:hover { background-color: #00000008; } } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchCountries\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Countries\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt;CURATOR EDITS AWAITING APPROVAL&lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props: tooltipProps }\"&gt; &lt;span class=\"clickable text-decoration-underline\" color=\"nordnetBlue\" size=\"small\" v-bind=\"mergeProps(menuProps, tooltipProps)\" &gt; {{ item.curator || \"Assign Curator\" }} &lt;/span&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=\"(curator, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(item.id, curator.id, curator.userName) \" &gt; &lt;v-list-item-title&gt; {{ curator.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=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"item.lastEditor === 'unknown'\"&gt; {{ item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idLastEditor\" @click.prevent=\"navigateTo('/users/' + item.idLastEditor)\" &gt; {{ item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" approveChangesMenu(item.recordName, item.id, item.rawhidden) \" &gt; far fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end size=\"small\" @click=\"deleteRecordMenu(item.recordName, item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;a :href=\"'/' + item.id + '/edit'\" style=\"padding-left: 12px\" @click.prevent=\"navigateTo('/' + item.id + '/edit')\" &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;/div&gt; &lt;/td&gt; &lt;td&gt; {{ item.createdAt }}, &lt;div v-if=\"item.creator === 'unknown'\"&gt; {{ item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idCreator\" @click.prevent=\"navigateTo('/users/' + item.idCreator)\" &gt; {{ 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-dialog v-model=\"dialogs.approveChanges\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" class=\"pr-3\" color=\"green\" hide-details label=\"Create Review\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" hide-details label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"elevated\" @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-card&gt; &lt;/template&gt; &lt;script&gt; import { mergeProps } from \"vue\"; 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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"CuratorRecordsAwaitingApproval\", components: { Icon, }, mixins: [formatDate, compareRecordDescUpdate, navigateTo], 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; const token = this.user().credentials.token; //Fetching records approval awaiting data client.setHeader(token); let data = await client.executeQuery(getCuratorApprovalsRequired); client.setHeader(token); let listOfCurators = await client.executeQuery(getCuratorList); client.setHeader(token); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired), ); this.loading = false; }, methods: { mergeProps, ...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 ? rec.processingNotes.note : \"\", processingNoteId: rec.processingNotes ? rec.processingNotes.id : null, 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, ); /* v8 ignore next 3 */ 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); }, /** * Create a processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, 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; } :deep(.v-data-table-header tr th) { white-space: nowrap; } .v-data-table :deep(thead th) { opacity: 1; } .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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; CURATOR SUMMARY STATISTICS &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadCuratorContent\" :href=\"downloadCuratorContent\" download=\"curatorSummaryStatistics.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-es\"; import { AccessMethods, 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: \"accessMethods\", name: \"Access Methods\", component: AccessMethods, 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: \"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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Domains.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchDomains\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Domains\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_FairassistRule.vue.html":{"id":"components_Records_Search_Input_AdvancedSearch_QueryBuilderComponents_GroupCtrlSlot_FairassistRule.vue.html","title":"Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/FairassistRule.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GroupCtrlSlot/FairassistRule.vue &lt;template&gt; &lt;div class=\"d-flex ruleWrapper\"&gt; &lt;select v-model=\"selectedFairassistRule\" class=\"query-builder-group-slot__rule-selection\" &gt; &lt;option disabled value=\"\"&gt;Select a FAIRassist rule&lt;/option&gt; &lt;option v-for=\"rule in fairassistQueryBuilderComponents()\" :key=\"rule.identifier\" :value=\"rule.identifier\" v-text=\"rule.name\" /&gt; &lt;/select&gt; &lt;button :disabled=\"selectedFairassistRule === ''\" class=\"query-builder-group-slot__rule-adding-button ml-3\" @click=\"addNewRule(groupCtrl, selectedFairassistRule)\" &gt; Add Rule &lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { sortBy } from \"lodash-es\"; import { AssociatedTests, AssociatedTools, FairassistRecordType, IndeterminateExamples, NegativeExamples, PositiveExamples, } from \"../index\"; export default { name: \"FairassistRule\", props: { groupCtrl: { type: Object, default: null, }, }, data: () =&gt; { return { selectedFairassistRule: \"\", }; }, methods: { fairassistQueryBuilderComponents() { let fairassistRecordType = [ { identifier: \"fairassisttype\", name: \"FAIRassist Record Type\", component: FairassistRecordType, initialValue: () =&gt; [], }, ]; return fairassistRecordType.concat(this.sortedArrayList()); }, /** * Sort Array list by name */ sortedArrayList() { return sortBy( [ { identifier: \"associatedTools\", name: \"Associated Tools\", component: AssociatedTools, initialValue: \"\", }, { identifier: \"associatedTests\", name: \"Associated Tests\", component: AssociatedTests, initialValue: \"\", }, { identifier: \"positiveExamples\", name: \"Positive Examples\", component: PositiveExamples, initialValue: \"\", }, { identifier: \"negativeExamples\", name: \"Negative Examples\", component: NegativeExamples, initialValue: \"\", }, { identifier: \"indeterminateExamples\", name: \"Indeterminate Examples\", component: IndeterminateExamples, initialValue: \"\", }, ], \"name\", ); }, /** * Add rule to query builder * @param item - Object * @param selectedRule - String */ addNewRule(item, selectedRule) { item.addRule(selectedRule); this.selectedFairassistRule = \"\"; }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-title&gt; {{ filter.filterLabel }}&lt;/v-expansion-panel-title&gt; &lt;v-expansion-panel-text class=\"pl-5 pr-5\"&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; &lt;div :class=\"['d-flex', { 'flex-column': $vuetify.display.mdAndDown }]\" &gt; &lt;v-combobox v-model=\"selectedValues\" :items=\"getValues\" :menu-props=\"{ maxWidth: '50' }\" chips class=\"text-capitalize\" clearable closable-chips color=\"primary\" density=\"compact\" hide-details=\"auto\" hide-no-data item-title=\"key\" item-value=\"key\" multiple placeholder=\"Search\" prepend-inner-icon=\"fas fa-search\" return-object variant=\"solo\" @focus=\"scrollTo(filter.filterName)\" @click:clear=\"reset(filter)\" &gt; &lt;template #chip=\"{ props, item }\"&gt; &lt;v-chip color=\"blue\" v-bind=\"props\" variant=\"flat\"&gt; {{ item.title.replace(/_/g, \" \") }} &lt;v-tooltip activator=\"parent\" location=\"bottom\"&gt; {{ item.title.replace(/_/g, \" \") }} &lt;/v-tooltip&gt; &lt;/v-chip&gt; &lt;/template&gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list-item v-bind=\"props\"&gt; &lt;template #prepend=\"{ isActive }\"&gt; &lt;v-list-item-action start&gt; &lt;v-checkbox-btn :model-value=\"isActive\" readonly &gt;&lt;/v-checkbox-btn&gt; &lt;/v-list-item-action&gt; &lt;/template&gt; &lt;span v-if=\"item.raw.key\" class=\"text-capitalize\"&gt; {{ item.raw.key.replace(/_/g, \" \") }} &lt;/span&gt; &lt;template #append&gt; &lt;span class=\"filterValueCount\"&gt;{{ item.raw.doc_count }}&lt;/span&gt; &lt;/template&gt; &lt;/v-list-item&gt; &lt;/template&gt; &lt;/v-combobox&gt; &lt;v-btn class=\"ml-lg-2 custom-btn\" color=\"primary\" @click=\"applyFilters(filter)\" &gt; Apply &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-expansion-panel-text&gt; &lt;/v-expansion-panel&gt; &lt;/template&gt; &lt;script&gt; import { mapGetters, mapState } from \"vuex\"; import clearString from \"@/utils/stringUtils\"; import { capitalize } from \"lodash-es\"; 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)); _module.selectedValues = _module.selectedValues.map(({ key }) =&gt; key); 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\", }); }, itemProps(item) { return { key: item.key, title: capitalize(this.cleanString(item.key)), subtitle: item.doc_count, }; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" 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; } .v-field { .v-chip { height: inherit; } } :deep(.v-list-item-title) { display: none; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/FilterButton.vue &lt;template&gt; &lt;v-tooltip :disabled=\"itemModified.tooltip === undefined || $vuetify.display.smAndDown\" location=\"bottom\" &gt; &lt;template #activator=\"{ props }\"&gt; &lt;v-btn :class=\"[ isFirstItem &amp;&amp; !doubleItems ? 'first-child' : 'flex-1', { 'button-style-md-screens': mdScreens, 'buttons-md-style': multipleItems &amp;&amp; !isFirstItem, }, ]\" :variant=\"!itemModified.active ? 'outlined' : 'flat'\" class=\"mr-1 mr-lg-2\" color=\"primary\" v-bind=\"props\" @click=\"selectFilter(itemModified)\" &gt; &lt;span v-if=\"itemModified.title !== 'ALL'\"&gt;{{ itemModified.title }}&lt;/span&gt; &lt;v-icon v-else color=\"primary\" size=\"large\"&gt; fas fa-sync &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-es\"; import { mapActions } from \"vuex\"; import customIcons from \"@/plugins/icons\"; import currentParameter from \"@/utils/currentParameterMixin.js\"; export default { name: \"FilterButton\", mixins: [currentParameter], props: { item: { default: () =&gt; ({}), 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 }, customIcons: customIcons, }; }, 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() { //Commenting nexttick as it was changing the order of filters // 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: { ...mapActions(\"searchFilters\", [\"resetFilterButtons\", \"activateButton\"]), 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); }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/FilterChips.vue &lt;template&gt; &lt;v-row class=\"mr-2 ml-2 align-center\"&gt; &lt;v-chip v-if=\"getChips.length\" class=\"text-white mr-4\" color=\"red\" variant=\"flat\" @click=\"removeAllParams\" &gt; Clear All &lt;/v-chip&gt; &lt;v-chip-group v-for=\"chip in getChips\" :key=\"'Chips_' + chip.paramVal\"&gt; &lt;v-chip class=\"bg-white text-secondary\" closable variant=\"outlined\" @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;/v-chip-group&gt; &lt;/v-row&gt; &lt;/template&gt; &lt;script&gt; import { throttle } from \"lodash-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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.display.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=\"slotSpacer\" /&gt; &lt;FairassistRule :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, FairassistRule, GeneralRule, PolicyRule, StandardRule, } from \"./index\"; export default { name: \"GroupCtrlSlot\", components: { GeneralRule, StandardRule, DatabaseRule, PolicyRule, FairassistRule, }, 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; HIDDEN RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"hiddenRecords\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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\" @click.prevent=\" navigateTo('/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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"HiddenRecords\", components: { Icon, }, mixins: [formatDate, navigateTo], 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Home/Home.vue &lt;template&gt; &lt;v-container class=\"text-center pa-0\" fluid&gt; &lt;Carousel v-if=\"isMounted\" /&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;/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\"; /** Component to handle the front page (landing page) */ export default { name: \"Home\", components: { Carousel, InfoBlock, SearchBlock, CategoryBlock, StatisticsBlock, CommunityBlock, }, data() { return { isMounted: false, }; }, mounted() { this.isMounted = true; }, unmounted() { if (typeof window !== \"undefined\") { window.scrollTo({ top: 0, behavior: \"instant\", }); } }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/IncompleteRecords.vue &lt;template&gt; &lt;v-col cols12&gt; &lt;div&gt; &lt;v-layout justify-center row&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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\" variant=\"text\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; INCOMPLETE RECORDS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"incompleteRecords\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; {{ props.item.recommended.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; {{ props.item.optional.replace(/_/g, \" \") }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" end size=\"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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"IncompleteRecords\", components: { Icon, }, mixins: [formatDateIso, navigateTo], 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; { /* v8 ignore next */ 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Licences.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchLicences\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Licences\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Users/Login/Login.vue &lt;template&gt; &lt;v-form id=\"loginPage\" ref=\"loginPage\" v-model=\"formValid\" class=\"login mb-9 elevation-10 rounded\" style=\"background: white\" &gt; &lt;v-container&gt; &lt;!-- forms --&gt; &lt;v-row justify=\"center\"&gt; &lt;v-col :lg=\"!popUp ? '8' : '12'\" :md=\"!popUp ? '8' : '12'\" :xl=\"!popUp ? '5' : '12'\" cols=\"12\" sm=\"12\" &gt; &lt;v-card :flat=\"popUp\"&gt; &lt;v-card-title :class=\"{ 'bg-blue text-white mb-5 text-center': !popUp, 'py-0 mb-5': popUp, }\" &gt; &lt;h2 class=\"ma-0\"&gt; {{ currentPanel }} &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 bg-teal text-white 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\" opacity=\"0.9\" /&gt; &lt;!-- OAUTH --&gt; &lt;v-list v-if=\"checkEndpoint()\" class=\"d-flex flex-column align-center\" &gt; &lt;v-list-item v-for=\"(provider, providerIndex) in oauthLogin\" :key=\"'provider_' + providerIndex\" &gt; &lt;v-btn :class=\"provider.color\" :href=\"provider.callback + getCurrentLocation()\" class=\"text-left\" elevation=\"3\" width=\"250px\" &gt; &lt;v-layout width=\"100%\"&gt; &lt;v-icon class=\"mr-5\" start&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\" :rules=\"[rules.isRequired()]\" label=\"Username or email\" required variant=\"outlined\" @keyup.enter=\"logUser()\" /&gt; &lt;!-- password --&gt; &lt;v-text-field v-model=\"loginData.password\" :append-inner-icon=\"show1 ? 'fas fa-eye' : 'fas fa-eye-slash'\" :rules=\"[rules.isRequired()]\" :type=\"show1 ? 'text' : 'password'\" autocomplete=\"off\" counter label=\"Password\" required variant=\"outlined\" @click:append-inner=\"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 opacity=\"0.9\" /&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 opacity=\"0.9\" /&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 or Github?&lt;/span &gt; &lt;/a&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"mt-2 justify-center\"&gt; &lt;v-btn :disabled=\"!formValid\" class=\"px-4 bg-primary\" elevation=\"2\" @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, }, }, emits: [\"ClosePopup\"], data: () =&gt; { return { show1: false, resendButton: false, currentPanel: \"Login\", loginData: {}, oauthLogin: [ { name: \"ORCID\", color: \"bg-green text-white\", callback: import.meta.env.VITE_API_ENDPOINT + \"/users/auth/orcid\", }, // See: https://github.com/FAIRsharing/fairsharing.github.io/issues/2184 /* { name: \"Twitter\", color: \"blue text-white\", callback: import.meta.env.VITE_API_ENDPOINT + \"/users/auth/twitter\", }, */ { name: \"GitHub\", color: \"bg-black text-white\", callback: import.meta.env.VITE_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; let target = {}; if (_module.redirect) { if (goTo) { //Added if condition as path was trimming query params in path in vue-router 4 if (goTo.includes(\"?\")) { const url = goTo.split(\"?\"); const queryURLArr = url[1].split(\"&amp;\"); queryURLArr.forEach((pair) =&gt; { if (pair !== \"\") { let splitpair = pair.split(\"=\"); let key = splitpair[0]; target[key] = splitpair[1]; //For advancedSearch only if (url[0] === \"/advancedsearch\" &amp;&amp; pair.includes(\"fields\")) { const [key, ...rest] = pair.split(\"=\"); const value = rest.join(\"=\"); target[key] = decodeURIComponent(value); } } }); _module.$router.push({ path: url[0], query: target, }); } else { _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}`; }, checkEndpoint() { if ( import.meta.env.VITE_NODE_ENV === \"production\" || import.meta.env.VITE_NODE_ENV === \"local\" ) { return true; } return false; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/MaintenanceRequests.vue &lt;template&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; OWNERSHIP REQUESTS &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"maintenanceRequestsProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" return-object &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.createdAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex align-center\"&gt; &lt;v-avatar v-if=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;a :href=\"'/users/' + item.userId\" @click.prevent=\"navigateTo('/users/' + item.userId)\" &gt; {{ item.userName }} &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" assignMaintenanceOwner( item.recordName, item.id, item.userName, item.requestID, ) \" &gt; fas fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end @click=\" rejectMaintenanceOwner( item.recordName, item.id, item.userName, item.requestID, ) \" &gt; fas fa-ban &lt;/v-icon&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-dialog v-model=\"dialogs.confirmAssignment\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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=\"red-darken-1\" persistent variant=\"elevated\" @click=\"closeMaintenanceAssign()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue-darken-1\" persistent variant=\"elevated\" @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-dialog v-model=\"dialogs.rejectAssignment\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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\" persistent variant=\"elevated\" @click=\"closeMaintenanceReject()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"dialogs.disableDelButton === true\" color=\"blue-darken-1\" persistent variant=\"elevated\" @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-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\"; import navigateTo from \"@/utils/generalUtils\"; import Loaders from \"@/components/Navigation/Loaders.vue\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"MaintenanceRequests\", components: { Loaders, Icon, }, mixins: [formatDate, navigateTo], 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 ? item.fairsharingRecord.processingNotes.note : \"\", processingNoteId: item.fairsharingRecord.processingNotes ? item.fairsharingRecord.processingNotes.id : null, 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, ); } }, /** * Create processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @param item {Object} - Record object * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, 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, ); /* v8 ignore start */ 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; } }, /* v8 ignore end */ 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; } :deep(.v-data-table-header tr th) { white-space: nowrap; } .searchField { width: 100%; max-width: 400px; } &lt;/style&gt; × Search results Close "},"views_Records_NetworkGraph.vue.html":{"id":"views_Records_NetworkGraph.vue.html","title":"Source: views/Records/NetworkGraph.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/NetworkGraph.vue &lt;template&gt; &lt;v-container fluid&gt; &lt;div v-if=\"error\"&gt; &lt;NotFound /&gt; &lt;/div&gt; &lt;v-row v-else&gt; &lt;v-col class=\"pt-0 mt-2\" cols=\"12\" lg=\"3\" md=\"3\" sm=\"12\" xl=\"3\" xs=\"12\"&gt; &lt;v-card height=\"100%\"&gt; &lt;v-card-title class=\"bg-blue text-white\"&gt; Legend and configuration &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; The graph's centre is shown in &lt;span class=\"text-red\"&gt;red.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col class=\"mt-2\" cols=\"12\"&gt; Click on any point to re-draw the graph with that point as the centre. Click on the centre to view the record. Hover over to view direct connections. Use the mouse/trackpad to scroll and zoom. &lt;/v-col&gt; &lt;v-col class=\"mt-2\" cols=\"12\"&gt; For more information, please see the &lt;a href=\"https://fairsharing.gitbook.io/fairsharing/about-our-records/network-graphs\" target=\"_blank\" &gt; documentation &lt;/a &gt;. &lt;/v-col&gt; &lt;/v-row&gt; &lt;v-row class=\"mt-3\" no-gutters&gt; &lt;v-col cols=\"12\"&gt; Relations between records are coloured as follows: &lt;/v-col&gt; &lt;v-col cols=\"12\"&gt; &lt;v-list density=\"compact\"&gt; &lt;v-list-item v-for=\"legendItem in networkGraph['legend']\" :key=\"legendItem['name']\" &gt; &lt;template #prepend&gt; &lt;v-icon :color=\"legendItem['color']\" class=\"mr-2\"&gt; fas fa-long-arrow-alt-right &lt;/v-icon&gt; &lt;/template&gt; &lt;v-list-item-title class=\"font-weight-regular text-body-2\" &gt; {{ legendItem[\"name\"] }} &lt;/v-list-item-title&gt; &lt;/v-list-item&gt; &lt;/v-list&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;v-divider class=\"my-3\" /&gt; &lt;div&gt; &lt;h3 class=\"mb-4\"&gt;Registry&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"registryItem in networkGraph['registry']\" :key=\"registryItem['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', registryItem['active'] ? 'text-white' : 'text-black ', ]\" :color=\" registryItem['active'] ? registryItem['color'] : 'gray' \" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"toggleClick(registryItem)\" &gt; {{ registryItem[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;v-divider class=\"my-3\" /&gt; &lt;div&gt; &lt;!-- Color definition meaning in NetworkGraph --&gt; &lt;h3 class=\"mb-4\"&gt;Status (shown on mouseover)&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"status in networkGraph['status']\" :key=\"status['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', status['active'] ? 'text-white' : 'text-black', ]\" :color=\"status['active'] ? status['color'] : 'gray'\" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"toggleClick(status)\" &gt; {{ status[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;v-divider /&gt; &lt;div&gt; &lt;!-- buttons here --&gt; &lt;h3 class=\"mb-4\"&gt;Distance from centre&lt;/h3&gt; &lt;v-row :class=\"{ 'd-flex justify-space-around': $vuetify.display.smOnly, }\" no-gutters &gt; &lt;v-col :class=\" $vuetify.display.smOnly ? 'flex-row align-center flex-grow-0 flex-shrink-1' : 'flex-column' \" class=\"d-flex justify-center\" cols=\"12\" fluid lg=\"12\" md=\"12\" sm=\"3\" xl=\"12\" xs=\"12\" &gt; &lt;v-btn v-for=\"distance in networkGraph['distance']\" :id=\"`distance_${distance['hops']}`\" :key=\"distance['name']\" :class=\"[ $vuetify.display.xsOnly ? 'full-width' : 'button-filters', distance['active'] ? 'text-white ' : 'text-black ', ]\" :color=\"getLengthColour(distance['hops'])\" :disabled=\"!buttonsActive\" class=\"status_style mx-3 mb-2\" @click=\"lengthLimit(distance)\" &gt; {{ distance[\"name\"] }} &lt;/v-btn&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/div&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/v-col&gt; &lt;v-col class=\"pt-0 mt-2\" cols=\"12\" lg=\"9\" md=\"9\" sm=\"12\" xl=\"9\" xs=\"12\"&gt; &lt;v-btn :to=\"`/${$route.params.id}`\" class=\"ml-2 my-2 bg-white\"&gt; &lt;v-icon :class=\"`text-primary`\"&gt; fas fa-arrow-left&lt;/v-icon&gt; &lt;span :class=\"`text-primary ml-3`\"&gt; Go to Record&lt;/span&gt; &lt;/v-btn&gt; &lt;div v-if=\"noData\"&gt; &lt;v-card-title class=\"bg-blue text-white\"&gt; No graph found! &lt;/v-card-title&gt; &lt;/div&gt; &lt;div v-else&gt; &lt;v-card-title v-if=\"!loading\" class=\"bg-blue text-white pb-0 pt-4\"&gt; {{ graphData.name }} ({{ graphData.id }}) &lt;/v-card-title&gt; &lt;v-card-subtitle v-if=\"!loading\" class=\"bg-blue text-white opacity-100 pb-4\" &gt; {{ registry }}/{{ type }} &lt;/v-card-subtitle&gt; &lt;/div&gt; &lt;v-card height=\"100%\"&gt; &lt;div v-if=\"noData\" height=\"100%\"&gt; &lt;v-card-text class=\"pt-3\"&gt; &lt;v-container fluid&gt; &lt;v-row no-gutters&gt; &lt;v-col cols=\"12\"&gt; &lt;p&gt; No data were found showing links between this record and others. This could be because: &lt;/p&gt; &lt;ul style=\"list-style-type: square\"&gt; &lt;li&gt; The record has just been created and the graph data are still being generated. &lt;/li&gt; &lt;li&gt;This record has no links to other records.&lt;/li&gt; &lt;li&gt;Something went wrong.&lt;/li&gt; &lt;/ul&gt; &lt;br /&gt; &lt;p&gt; If you need assistance, please &lt;a href=\"mailto:contact@fairsharing.org\"&gt;contact us&lt;/a&gt;. &lt;/p&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/div&gt; &lt;div id=\"sigma-container\" /&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"layoutRendering\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" persistent scroll-strategy=\"none\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/template&gt; &lt;script&gt; import Graph from \"graphology\"; import forceAtlas2 from \"graphology-layout-forceatlas2\"; import Sigma from \"sigma\"; import getNodeProgramImage from \"sigma/rendering/webgl/programs/node.image\"; import Loaders from \"@/components/Navigation/Loaders\"; import networkGraph from \"@/data/networkGraph.json\"; import relationColors from \"@/data/RelationsColors.json\"; import GraphClient from \"@/lib/GraphClient/GraphClient.js\"; import graphQuery from \"@/lib/GraphClient/queries/getGraphRelations.json\"; import NotFound from \"@/views/Errors/404.vue\"; const graphClient = new GraphClient(); const graph = new Graph(); let container; let renderer; export default { name: \"NetworkGraph\", components: { Loaders, NotFound, }, data() { return { error: false, loading: false, noData: false, initialized: false, depth: [1, 2, 3], registry: \"unknown\", type: \"unknown\", relations: null, relations_colors: relationColors, legend: { relations: {}, types: { circle: false, square: false, triangle: false, diamond: false, }, }, typesFound: [], graphData: {}, chart: null, cancelCurrentAnimation: null, sensibleSettings: null, highlighted: 0, // ID of currently-hovered node. state: {}, selectedLengths: { 1: true, 2: false, 3: false, }, active: { database: true, collection: true, standard: true, policy: true, fairassist: true, ready: true, in_development: true, uncertain: true, deprecated: true, }, buttonsActive: false, networkGraph: networkGraph, layoutRendering: false, }; }, computed: { currentRoute() { return this.target || this.$route.params[\"id\"]; }, }, watch: { async currentRoute() { await this.getData(); }, active: { async handler() { this.toggleGraph(); }, deep: true, }, selectedLengths: { async handler() { this.toggleGraph(); }, deep: true, }, }, async mounted() { let _module = this; this.$nextTick(async function () { await this.getData(); if (_module.error) { return; } container = document.getElementById(\"sigma-container\"); await _module.plotGraph(); }); }, methods: { async getData() { this.loading = true; this.legend.types = { circle: false, square: false, triangle: false, diamond: false, }; /* A maxPathLength of 1-3 may be specified (API's default is 2). Higher values may make the resulting graph rather large... */ graphQuery.queryParam = { id: parseInt(this.$route.params.id) }; try { const response = await graphClient.executeQuery(graphQuery); if ( Array.isArray(response) &amp;&amp; response[0].message === \"record not found\" ) { this.error = true; } else if ( !response.fairsharingGraph || !response.fairsharingGraph.data || response.fairsharingGraph.data.length === 0 || Object.keys(response.fairsharingGraph.data).length === 0 ) { this.loading = false; this.noData = true; this.registry = \"N/A\"; this.type = \"N/A\"; this.initialized = true; } else { this.graphData = response.fairsharingGraph.data; this.loading = false; this.registry = this.graphData.registry; this.type = this.graphData.type; } } catch (e) { console.error(\"Graph Data Error:\", e); this.error = true; this.loading = false; } }, async plotGraph() { let _module = this; _module.layoutRendering = true; graph.clear(); graph.import(this.graphData); // Graphology implementation of Force Atlas 2 in a web worker _module.sensibleSettings = forceAtlas2.inferSettings(graph); forceAtlas2.assign(graph, { iterations: 50, settings: this.sensibleSettings, }); // eslint-disable-next-line no-unused-vars renderer = new Sigma(graph, container, { allowInvalidContainer: true, nodeProgramClasses: { image: getNodeProgramImage(), }, }); // Attempt to highlight nodes on hover... renderer.on(\"enterNode\", ({ node }) =&gt; { _module.state.hoveredNode = node; _module.state.hoveredNeighbors = new Set(graph.neighbors(node)); renderer.refresh(); }); renderer.on(\"leaveNode\", () =&gt; { _module.state.hoveredNode = undefined; _module.state.hoveredNeighbors = undefined; renderer.refresh(); }); renderer.setSetting(\"nodeReducer\", (node, data) =&gt; { const res = { ...data }; // This is for hiding everything except the node being hovered over. if ( _module.state.hoveredNeighbors &amp;&amp; !_module.state.hoveredNeighbors.has(node) &amp;&amp; _module.state.hoveredNode !== node ) { if (parseInt(node) !== parseInt(_module.$route.params.id)) { res.hidden = true; } } if (_module.state.selectedNode === node) { _module.res.highlighted = true; } // Hide nodes which are further away than the path length. if (_module.selectedLengths[res.length] === false) { res.hidden = true; } // Hide nodes when their registry is not selected if ( !this.active[res.registry] &amp;&amp; parseInt(_module.$route.params.id) !== parseInt(node) ) { res.hidden = true; } // Hide nodes when their status is not selected if ( !this.active[res.status] &amp;&amp; parseInt(_module.$route.params.id) !== parseInt(node) ) { res.hidden = true; } return res; }); // This is for hiding everything except the node being hovered over. renderer.setSetting(\"edgeReducer\", (edge, data) =&gt; { const res = { ...data }; if ( _module.state.hoveredNode &amp;&amp; !graph.hasExtremity(edge, _module.state.hoveredNode) ) { res.hidden = true; } return res; }); // This is to link to another record's graph. renderer.on(\"clickNode\", ({ node }) =&gt; { this.setClickedNode(node); }); renderer.refresh(); await new Promise((r) =&gt; setTimeout(r, 10000)); _module.buttonsActive = true; _module.layoutRendering = false; }, setClickedNode(node) { // node is the fairsharing_record_id // TODO: This window.location.assign hackery is not great, but does at least cause // TODO: the correct graph to load and render. let _module = this; if (parseInt(_module.$route.params.id) === parseInt(node)) { this.loading = true; window.location.assign(\"/\" + node); //this.loading = false; } else { this.loading = true; window.location.assign(\"/graph/\" + node); //this.loading = false; } }, lengthLimit(item) { item.active = !item.active; this.layoutRendering = true; setTimeout(() =&gt; { const itemLength = item.hops; this.selectedLengths[itemLength] = !this.selectedLengths[itemLength]; }, 100); }, getLengthColour(len) { if (this.selectedLengths[len] === true) { return \"#27aae1\"; } else { return \"gray\"; } }, /** * Toggles the graph rendering on a button click. * @param item */ toggleClick(item) { item.active = !item.active; this.layoutRendering = true; setTimeout(() =&gt; { let itemName = item.name.toLowerCase(); if (itemName === \"in development\") itemName = \"in_development\"; this.active[itemName] = !this.active[itemName]; }, 100); }, /** * Toggles the graph rendering. */ toggleGraph() { graph.clear(); graph.import(this.graphData); // Graphology implementation of Force Atlas 2 in a web worker this.sensibleSettings = forceAtlas2.inferSettings(graph); forceAtlas2.assign(graph, { iterations: 50, settings: this.sensibleSettings, }); setTimeout(() =&gt; { this.layoutRendering = false; }, 2000); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; #sigma-container { width: 100%; height: 100%; min-height: 1000px; margin: 0; padding: 0; overflow: hidden; } .button-filters { width: 150px; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-primary text-white\"&gt; &lt;h3 v-if=\"fairassistOnly\" class=\"text-white\"&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;fas 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;base-fields :create-mode=\"true\" :loading=\"loading\" :submit-record=\"submitAnyway\" @clearing=\"tryAgain()\" @createnewrecord=\"createRecord()\" @submission=\"setSubmitAnyway()\" /&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-if=\"!loaded\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&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=\"text-h5\"&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 class=\"bg-primary\" variant=\"elevated\" @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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/ObjectTypes.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getObjectTypes\" :item-value=\"itemValue\" :loading=\"getLoadingData\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from \"vuex\"; // import objectTypes from \"@/store\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"ObjectTypes\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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); }, }, }; &lt;/script&gt; × Search results Close "},"views_Browsers_OntologyBrowser.vue.html":{"id":"views_Browsers_OntologyBrowser.vue.html","title":"Source: views/Browsers/OntologyBrowser.vue","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Browsers/OntologyBrowser.vue &lt;template&gt; &lt;main&gt; &lt;v-container class=\"py-0 mb-10\" fluid&gt; &lt;NotFound v-if=\"error\" /&gt; &lt;v-row v-else no-gutters&gt; &lt;v-col id=\"ontologyBrowser\" class=\"border-e\" cols=\"12\" lg=\"4\" md=\"12\" sm=\"12\" xl=\"3\" xs=\"12\" &gt; &lt;div v-if=\"tree.length &gt; 0\" id=\"searchOntology\" class=\"pr-2 mt-6\"&gt; &lt;v-autocomplete v-model=\"search\" :color=\"color\" :items=\"uniqueSearchItems\" :label=\"`Search ${selectedOntology}s`\" clearable hide-details item-title=\"name\" item-value=\"id\" return-object variant=\"outlined\" /&gt; &lt;v-divider class=\"mb-2 opacity-100\" /&gt; &lt;/div&gt; &lt;v-virtual-scroll ref=\"virtualScroll\" :height=\"'70vh'\" :items=\"visibleNodes\" class=\"tree pb-3 px-3\" &gt; &lt;template #default=\"{ item }\"&gt; &lt;div :style=\"{ paddingLeft: `${item.depth * 24}px` }\" class=\"d-flex align-center py-1 cursor-pointer hover-bg\" &gt; &lt;div class=\"d-flex justify-center\" style=\"width: 24px\"&gt; &lt;v-icon v-if=\"item.hasChildren\" :icon=\" isOpen(item.identifier) ? 'fas fa-caret-down' : 'fas fa-caret-right' \" size=\"small\" @click=\"toggleNode(item)\" /&gt; &lt;/div&gt; &lt;div class=\"d-flex flex-row justify-center align-center flex-grow-1\" @click=\"searchTerm(item)\" &gt; &lt;span :class=\"[ 'chip-mimic mr-2', item.isTarget || activeTerms.includes(item.identifier) ? `bg-${color} text-white font-weight-bold elevation-2 border-0` : `text-${color} border-${color}`, ]\" &gt; {{ item.name }} &lt;/span&gt; &lt;v-spacer /&gt; &lt;div :class=\" activeTerms.includes(item.identifier) ? `bg-${color} text-white` : `bg-white text-${color} border-${color} border border-solid border-opacity-100` \" class=\"hits d-flex justify-center align-center\" &gt; {{ item.records_count || 0 }} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;/v-virtual-scroll&gt; &lt;/v-col&gt; &lt;v-col id=\"termDisplay\" class=\"py-0 my-0\" cols=\"12\" lg=\"8\" md=\"12\" sm=\"12\" xl=\"9\" xs=\"12\" &gt; &lt;div v-if=\"!loadingData &amp;&amp; tree.length &gt; 0\"&gt; &lt;TermDetails v-if=\"records &amp;&amp; selectedTerm\" :selected-ontology=\"selectedOntology\" @clear-selection=\"noSelection\" /&gt; &lt;v-card v-else class=\"pa-0\" flat&gt; &lt;v-card-text class=\"pa-0\"&gt; &lt;OntologySunburst @subject-node=\"subjectNode\" /&gt; &lt;/v-card-text&gt; &lt;/v-card&gt; &lt;/div&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loadingData\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/main&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapState } from \"vuex\"; import Loaders from \"@/components/Navigation/Loaders\"; import OntologySunburst from \"@/components/Ontologies/OntologySunburst\"; import TermDetails from \"@/components/Ontologies/TermDetails\"; import NotFound from \"@/views/Errors/404\"; export default { name: \"OntologyBrowser\", components: { Loaders, NotFound, TermDetails, OntologySunburst }, data() { return { allowedOntologies: [\"domain\", \"subject\"], search: null, }; }, computed: { ...mapState(\"editor\", [\"colors\"]), // We do NOT map activeTerms/openedTerms directly to avoid undefined errors ...mapState(\"ontologyBrowser\", [ \"tree\", \"records\", \"loadingData\", \"flattenedTree\", \"pagination\", \"selectedTerm\", ]), selectedOntology() { return this.$route.params.id; }, error() { return !this.allowedOntologies.includes(this.selectedOntology); }, color() { return this.colors[this.selectedOntology]; }, term() { const qTerm = this.$route.query[\"term\"]; if (!qTerm) return null; return this.flattenedTree.find( (node) =&gt; node.name.toLowerCase() === decodeURIComponent(qTerm).toLowerCase(), ); }, // Manual State mapping with Safety Checks activeTerms() { return this.$store.state.ontologyBrowser.activeTerms || []; }, openedTerms() { return this.$store.state.ontologyBrowser.openedTerms || []; }, /** * VISIBLE NODES * Combines Pruning (Search) + Flattening (Expansion) */ visibleNodes() { let sourceTree = this.tree || []; // 1. If Searching, use a Pruned Tree (Supports Multiple Instances) if (this.search &amp;&amp; this.search.identifier) { const pruned = this.pruneTreeWithChildren( this.tree, this.search.identifier, ); if (pruned.length &gt; 0) sourceTree = pruned; } const result = []; const searchId = this.search?.identifier ? String(this.search.identifier) : null; // Safety: Ensure we have an array of Strings for comparison const currentOpenTerms = (this.openedTerms || []).map(String); const traverse = (nodes, depth = 0) =&gt; { if (!nodes || nodes.length === 0) return; for (const node of nodes) { const hasChildren = node.children &amp;&amp; node.children.length &gt; 0; const strId = String(node.identifier); const isTarget = strId === searchId; // Check if this node is Open const isOpen = currentOpenTerms.includes(strId); result.push({ ...node, depth, hasChildren, isTarget, }); // Expand logic: // We only descend if the node has children AND is marked as Open if (hasChildren &amp;&amp; isOpen) { traverse(node.children, depth + 1); } } }; traverse(sourceTree); return result; }, /** * UNIQUE SEARCH ITEMS * Filters the flattenedTree to ensure each term ID appears only once * in the Autocomplete dropdown. */ uniqueSearchItems() { const items = this.flattenedTree || []; const seen = new Set(); return items.filter((item) =&gt; { const id = item.identifier; if (seen.has(id)) { return false; // Duplicate found, skip it } seen.add(id); return true; // New item, keep it }); }, }, watch: { // URL Term Watcher async term(newVal) { if (newVal) { await this.activateTerms(newVal); // Find ALL paths to this term (in case it exists in multiple places) const allPaths = this.findAllPaths(this.tree, newVal.identifier); const parentsToOpen = new Set(); allPaths.forEach((path) =&gt; { path.forEach((id) =&gt; { if (String(id) !== String(newVal.identifier)) { parentsToOpen.add(String(id)); } }); }); this.openTerms(Array.from(parentsToOpen)); } else { await this.activateTerms(); } }, // --- SEARCH WATCHER (Handles Multiple Instances) --- search(newTerm) { // CASE 1: Search Cleared if (!newTerm) { // Reset to full tree by clearing the \"open\" list this.openTerms([]); return; } // CASE 2: Active Search const targetId = newTerm.identifier || newTerm; const strTargetId = String(targetId); // 1. Find ALL paths to the target node const allPaths = this.findAllPaths(this.tree, targetId); // 2. Collect ALL parent IDs from ALL paths const allIdsToOpen = new Set(); allPaths.forEach((path) =&gt; { path.forEach((id) =&gt; { // Add ID to open set ONLY if it is NOT the target itself // (We want the parents open, but the target closed) if ( String(id) !== strTargetId &amp;&amp; !Object.keys(newTerm).includes(\"isSunburst\") ) { allIdsToOpen.add(String(id)); } //Target is open because the selection is from Sunburst else if (newTerm[\"isSunburst\"]) { allIdsToOpen.add(String(id)); } }); }); // 3. Update Vuex State this.openTerms(Array.from(allIdsToOpen)); // 4. Scroll to FIRST Instance setTimeout(() =&gt; { if (!this.$refs.virtualScroll) return; // Find index of the FIRST occurrence in the visible list const index = this.visibleNodes.findIndex( (x) =&gt; String(x.identifier) === strTargetId, ); if (index !== -1) { if (this.$refs.virtualScroll.scrollToIndex) { this.$refs.virtualScroll.scrollToIndex(index); } else { // Fallback: 50px is the estimated item height this.$refs.virtualScroll.$el.scrollTop = index * 50; } } }, 300); }, }, async mounted() { await this.fetchTerms(); }, unmounted() { this.leavePage(); }, methods: { ...mapActions(\"ontologyBrowser\", [ \"fetchTerms\", \"fetchRecords\", \"resetPagination\", \"activateTerms\", \"openTerms\", \"leavePage\", ]), /** * Searches for a term and updates the route based on its presence in the active terms list. * * @param {Object} term - The term object to be searched. * @param {string} term.identifier - The unique identifier of the term. * @param {string} term.name - The name of the term to encode and include in the query parameters if not already active. * @return {void} This method does not return a value. */ searchTerm(term) { this.resetPagination(); if (this.activeTerms.includes(term.identifier)) this.$router.push({ path: this.$route.path }); else this.$router.push({ path: this.$route.path, query: { term: encodeURIComponent(term.name) }, }); }, // --- UPDATED HELPER: Find ALL Paths --- // Returns Array of Arrays: [[Root, Child, Target], [Root, OtherChild, Target]] findAllPaths(nodes, targetId, currentPath = [], results = []) { const strTarget = String(targetId); for (const node of nodes) { const strNode = String(node.identifier); // Create a new path array for this branch const newPath = [...currentPath, node.identifier]; // Match Found: Add this full path to results if (strNode === strTarget) { results.push(newPath); } // Continue searching deeper even if match found (in case of nested weirdness), // but primarily to find matches in OTHER branches. if (node.children &amp;&amp; node.children.length &gt; 0) { this.findAllPaths(node.children, targetId, newPath, results); } } return results; }, /** * Toggles the open or closed state of a node in the hierarchy. * Updates the list of currently opened nodes based on the given item's identifier. * * @param {Object} item - The node object to be toggled. * @param {boolean} item.hasChildren - Indicates if the node has child items. * @param {number|string} item.identifier - The unique identifier of the node. * @return {void} This method does not return a value. */ toggleNode(item) { if (!item.hasChildren) return; const strId = String(item.identifier); const currentOpenTerms = (this.openedTerms || []).map(String); const isOpen = currentOpenTerms.includes(strId); let newOpened = [...(this.openedTerms || [])]; if (isOpen) { // Close: Remove strict match newOpened = newOpened.filter((id) =&gt; String(id) !== strId); } else { // Open: Add original ID newOpened.push(item.identifier); } newOpened = newOpened.map((item) =&gt; typeof item === \"string\" ? Number(item) : item, ); this.openTerms(newOpened); }, /** * Prune logic that supports multiple matches * @param nodes * @param targetId * @return Array */ pruneTreeWithChildren(nodes, targetId) { const filtered = []; const strTarget = String(targetId); for (const node of nodes) { const strNode = String(node.identifier); // CASE 1: Found the target if (strNode === strTarget) { filtered.push({ ...node, children: node.children ? [...node.children] : [], }); // We do NOT 'continue' here because a child might ALSO contain the target // (unlikely in standard ontology but possible in graph structures) // Actually, for standard tree display, if we found it, we show it. // If the term appears AGAIN inside itself, recursion handles it. continue; } // CASE 2: Look in children if (node.children &amp;&amp; node.children.length &gt; 0) { const matchingChildren = this.pruneTreeWithChildren( node.children, targetId, ); if (matchingChildren.length &gt; 0) { filtered.push({ ...node, children: matchingChildren }); } } } return filtered; }, /** * SAFE CHECK: Checks if a node is open regardless of ID type (String/Number) * @param identifier * @return Boolean */ isOpen(identifier) { if (!this.openedTerms) return false; // Convert everything to String for comparison return this.openedTerms.map(String).includes(String(identifier)); }, /** * Updates the search property with the first element of the provided value array * and calls the toggleNode method with the same element. * @param {Array} value - An array where the first element is used to update the search property and passed to the toggleNode method. */ subjectNode(value) { if (value &amp;&amp; value.length) { this.search = value[0]; this.toggleNode(value[0]); } else { this.search = null; } }, noSelection(value) { if (value) { this.search = null; } }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .subject_color--border { border: 1px solid #e67e22 !important; } .domain_color--border { border: 1px solid #712727 !important; } .hits { width: 45px; height: 45px; border-radius: 50%; } #ontologyBrowser, #termDisplay { display: flex; flex-direction: column; } .tree { /* overflow-y handled by virtual-scroll, but we keep this for flex layout */ flex-grow: 1; height: 70vh; } @media (max-width: 1263px) { #ontologyBrowser { height: auto; } .tree { max-height: 40vh; border-bottom: 1px solid #ccc; } } .col { flex-basis: initial !important; } .cursor-pointer { cursor: pointer !important; } .hover-bg:hover { background-color: rgba(0, 0, 0, 0.04); } .chip-mimic { border: 1px solid; border-radius: 18px; padding: 4px 12px; font-size: 0.9rem; line-height: 1.8; display: inline-block; white-space: nowrap; } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Organisations/Organisation.vue &lt;template&gt; &lt;v-container id=\"organisationPage\" class=\"standard bg-grey-lighten-3 pb-10\" fluid &gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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 :color=\" theme.computedThemes.value.fairSharingTheme.colors .bg_organisation_record_card \" class=\"pa-4 mt-2 ml-7 mr-7 d-flex flex-column overflow-initial bg-white\" elevation=\"3\" rounded=\"0\" tile variant=\"outlined\" &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\" aspect-ratio=\"1\" class=\"contain\" 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'\" class=\"ma-1\" variant=\"flat\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" color=\"light-blue\" variant=\"elevated\" &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\" class=\"ma-1\" variant=\"flat\" &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 :href=\"search.url\" class=\"text-white\"&gt; {{ search.name }} &lt;/a&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;v-icon v-if=\"user().is_super_curator ? true : false\" class=\"ml-4 mr-2\" color=\"error\" end size=\"15\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; fas fa-unlink &lt;/v-icon&gt; &lt;/span&gt; &lt;/template&gt; &lt;span&gt;Unlink saved search&lt;/span&gt; &lt;/v-tooltip&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 class=\"mr-1\" src=\"/assets/icons/ror-icon-rbg-32.png\" /&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=\"bg-warning\" @click=\"startEditing\"&gt; Edit Organisation &lt;/v-btn&gt; &lt;v-btn class=\"bg-error ml-2\" @click=\"confirmDeleteOrganisation\"&gt; Delete Organisation &lt;/v-btn&gt; &lt;/p&gt; &lt;/v-card&gt; &lt;SearchOrganisationRecords id=\"searchOrganisationRecords\" :organisation=\"organisation\" class=\"mb-10 ma-4\" /&gt; &lt;v-col v-if=\"!loading\" cols=\"12\"&gt; &lt;v-container class=\"py-0\" fluid /&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/v-col&gt; &lt;/div&gt; &lt;!-- Edit existing organisation --&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 class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.name\" :rules=\"[rules.isRequired()]\" label=\"Name\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.homepage\" :rules=\"[rules.isRequired(), rules.isURL()]\" label=\"Homepage\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.rorLink\" :rules=\"[rules.isURL()]\" label=\"ROR Link\" variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-text-field v-model=\"editedOrganisation.alternativeNames\" :rules=\"[]\" item-text=\"name\" item-value=\"id\" label=\"Alternative names\" return-object variant=\"outlined\" /&gt; &lt;/v-col&gt; &lt;!-- TODO insert parent and child organisations here --&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-autocomplete v-model=\"editedOrganisation.types\" :items=\"organisationsTypes\" :rules=\"[rules.isRequired()]\" chips clearable closable-chips item-title=\"name\" item-value=\"id\" label=\"Select an organisation type(s)\" multiple return-object variant=\"outlined\" &gt; &lt;!-- autocomplete selected --&gt; &lt;template #chip=\"{ props, item }\"&gt; &lt;v-chip :text=\"item.raw.name\" color=\"blue\" v-bind=\"props\" variant=\"flat\" &gt;&lt;/v-chip&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-autocomplete v-model=\"editedOrganisation.countries\" :items=\"countries\" :rules=\"[ editedOrganisation.countries &amp;&amp; !(editedOrganisation.countries === 0), ]\" item-title=\"name\" item-value=\"name\" label=\"Countries\" multiple return-object variant=\"outlined\" &gt; &lt;template #prepend&gt; &lt;v-tooltip class=\"text-justify\" location=\"bottom\" max-width=\"300px\" &gt; &lt;template #activator=\"{ props }\"&gt; &lt;v-icon v-bind=\"props\"&gt; fas fa-question-circle &lt;/v-icon&gt; &lt;/template&gt; {{ tooltips[\"countries\"] }} &lt;/v-tooltip&gt; &lt;/template&gt; &lt;!-- Item selected --&gt; &lt;template #chip=\"data\"&gt; &lt;v-chip class=\"bg-blue text-white removeStyle\" closable @click:close=\"removeCountry(data.item.raw)\" &gt; {{ data.item.raw.name }} &lt;/v-chip&gt; &lt;/template&gt; &lt;!-- autocomplete data --&gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list-item v-bind=\"props\"&gt; &lt;template #prepend&gt; &lt;country-flag v-if=\"item.raw.code !== null\" :country=\"item.raw.code\" class=\"mr-1 mt-n2\" size=\"normal\" /&gt; &lt;v-img v-else class=\"ml-4 mr-3\" src=\"@/assets/placeholders/country.png\" /&gt; &lt;/template&gt; &lt;span&gt;{{ item.raw.name }}&lt;/span&gt; &lt;/v-list-item&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-file-input v-model=\"editedOrganisation.logo\" :loading=\"logoLoading\" :rules=\"[rules.isImage(), imageSizeCorrect]\" accept=\"image/png,image/jpeg\" clearable label=\"Logo\" prepend-icon=\"fas fa-image\" /&gt; &lt;span&gt;JPEG or PNG, max. file size 3MB.&lt;/span&gt; &lt;/v-col&gt; &lt;v-col class=\"pb-0\" cols=\"12\"&gt; &lt;v-img v-if=\"logoUrl\" :src=\"logoUrl\" aspect-ratio=\"1\" class=\"contain\" height=\"120px\" /&gt; &lt;/v-col&gt; &lt;/v-row&gt; &lt;/v-container&gt; &lt;/v-card-text&gt; &lt;v-card-actions class=\"justify-center\"&gt; &lt;v-btn class=\"bg-error\" variant=\"elevated\" width=\"200\" @click=\"showEditDialog = false\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"!editFormValid || imageTooBig\" class=\"bg-success\" variant=\"elevated\" width=\"200\" @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;!-- Delete dialog box --&gt; &lt;v-dialog v-model=\"confirmDelete\" max-width=\"500px\" persistent&gt; &lt;!-- Delete organisation --&gt; &lt;v-card v-if=\"deleteOrganisationCard\"&gt; &lt;v-card-title class=\"text-h5 font-weight-bold\"&gt; Deleting organisation!&lt;/v-card-title &gt; &lt;v-card-text class=\"font-weight-bold\"&gt; Are you sure you want to do that? It will be permanently deleted. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-info text-white\" variant=\"elevated\" @click=\"deleteOrganisation(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn class=\"bg-error text-white\" variant=\"elevated\" @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 text-center\"&gt; Unlinking saved search&lt;/v-card-title &gt; &lt;v-card-text &gt;This will unlink the saved search from this organisation. &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-grey-darken-1 text-white\" variant=\"elevated\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"deleteLoader\" class=\"bg-success text-white\" variant=\"elevated\" @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 { isImage, isRequired, isUrl } from \"@/utils/rules.js\"; import stringUtils from \"@/utils/stringUtils\"; import NotFound from \"@/views/Errors/404\"; import RestClient from \"@/lib/Client/RESTClient.js\"; import { toBase64 } from \"@/utils/generalUtils\"; import CountryFlag from \"vue-country-flag-next\"; import { useTheme } from \"vuetify/framework\"; let graphClient = new GraphClient(); const restClient = new RestClient(); export default { name: \"Organisation\", components: { CountryFlag, SearchOrganisationRecords, SectionTitle, NotFound, Loaders, }, mixins: [stringUtils], emits: [\"imageTooBig\"], setup() { const theme = useTheme(); return { theme }; }, 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: [ { title: \"Name\", value: \"name\", align: \"center\" }, { title: \"Status\", value: \"status\", align: \"center\" }, { title: \"Relation\", value: \"relation\", align: \"center\" }, { title: \"Grant\", value: \"grant\", align: \"center\" }, { title: \"Actions\", value: \"actions\", align: \"center\", sortable: false, }, ], userHeaders: [ { title: \"Username\", value: \"username\", align: \"center\" }, { title: \"Email address\", value: \"email\", align: \"center\" }, { title: \"ORCID ID\", value: \"orcid\", 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 import.meta.env.VITE_API_ENDPOINT + this.organisation.urlForLogo; } return null; }, }, watch: { async currentRoute() { await this.getOrganisation(); }, }, async created() { await this.getOrganisation(); }, async mounted() { await Promise.all([ await this.getOrganisationsTypes(), await this.getCountries(), ]); }, 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; // In Vuetify 3, text fields usually expect a string, not an array of objects this.editedOrganisation.alternativeNames = this.organisation .alternativeNames ? this.organisation.alternativeNames.join(\", \") : \"\"; this.error = false; this.error = false; } this.loading = false; } catch (e) { this.errors = e.message; this.loading = false; } }, 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 = []; if (this.editedOrganisation.countries) { this.editedOrganisation.countries.forEach((country) =&gt; { country_ids.push(country.id); }); } let alt_names; try { alt_names = this.editedOrganisation.alternativeNames .split(\",\") .map((item) =&gt; item.trim()); } 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 \"Image is too large (max 3MB).\"; }, 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 &amp;&amp; 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 import.meta.env.VITE_HOSTNAME + \"users/\"; }, orgUrl() { return import.meta.env.VITE_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 this.$store.commit( \"saveSearch/setSaveSearchResult\", updatedSearchResult, ); await this.getOrganisation(); } this.deleteLoader = false; this.unlinkSavedSearchCard = false; this.confirmDelete = false; }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .card-class { min-width: 500px; overflow-x: scroll; overflow-y: hidden; } :deep(.v-list-item-title) { display: none; } &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchOrganisation\" :items=\"getSearchOrganisations\" :loading=\"getLoadingStatus\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"name\" item-value=\"id\" label=\"Enter text to search for organisation(s) to associate with this saved search\" multiple variant=\"underlined\" &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\" color=\"primary\" height=\"6\" rounded /&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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Organisations.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"orgNames\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Organisations\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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); }, }, orgNames() { return this.getSearchOrganisations.map(({ name }) =&gt; name); }, }, 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Header/Pagination.vue &lt;template&gt; &lt;v-pagination v-model=\"page\" :length=\"totalPages\" :total-visible=\"$vuetify.display.mdAndUp ? 7 : 3\" active-color=\"primary\" variant=\"elevated\" /&gt; &lt;/template&gt; &lt;script&gt; import { throttle } from \"lodash-es\"; /** 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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-es\"; 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchPolicy\" :items=\"getPolicyRecords\" :loading=\"getLoadingStatus\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"name\" item-value=\"id\" label=\"Enter text to search for policy record(s) to associate with this saved search\" multiple variant=\"underlined\" &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\" color=\"primary\" height=\"6\" rounded /&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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 class=\"mr-1 text-white tooltipIcon\" size=\"small\"&gt; fas 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 :value=\"props.currentOperator\" class=\"operatorSelect\" @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-3\"; import { mapGetters } from \"vuex\"; import { uniqueValues } from \"@/utils/advancedSearchUtils\"; import { AccessMethods, AssociatedTests, AssociatedTools, CertificationsAndCommunityBadges, CitationToRelatedPublications, Countries, DataAccessCondition, DataAccessForPrePublicationReview, DataAvailabilityStatement, DatabaseRecordType, DataCitation, DataContactInformation, DataCuration, DataDepositionCondition, DataPreservation, DataPreservationPolicy, DataProcessesAndConditions, DataProtection, DataVersioning, Domain, ExceptionsToDataSharing, FairassistRecordType, GloballyUnique, GroupCtrlSlot, GuidanceToHelpEnableCompliance, HasPublication, IndeterminateExamples, IsImplemented, Licences, LicencesForOutputs, MandatedDataSharing, MandatedDmpCreation, MonitoringOfCompliance, NegativeExamples, ObjectTypes, Organisations, Persistent, PolicyRecordType, PositiveExamples, RecommendsDatabase, RecommendsStandard, RecordStatus, Registry, Resolvable, 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: \"accessMethods\", name: \"Access Methods\", component: AccessMethods, 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: \"fairassisttype\", name: \"FAIRassist Record Type\", component: FairassistRecordType, 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: \"\", }, { identifier: \"globallyUnique\", name: \"Globally Unique\", component: GloballyUnique, initialValue: \"\", }, { identifier: \"persistent\", name: \"Persistent\", component: Persistent, initialValue: \"\", }, { identifier: \"resolvable\", name: \"Resolvable\", component: Resolvable, initialValue: \"\", }, { identifier: \"associatedTests\", name: \"Associated Tests\", component: AssociatedTests, initialValue: \"\", }, { identifier: \"positiveExamples\", name: \"Positive Examples\", component: PositiveExamples, initialValue: \"\", }, { identifier: \"negativeExamples\", name: \"Negative Examples\", component: NegativeExamples, initialValue: \"\", }, { identifier: \"indeterminateExamples\", name: \"Indeterminate Examples\", component: IndeterminateExamples, 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) { newValue = JSON.parse(JSON.stringify(newValue)); this.$store.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) { this.$store.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; @use \"vuetify/settings\"; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white d-flex align-center\" &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\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&gt; &lt;/v-card-title&gt; &lt;v-data-table :footer-props=\"{ 'items-per-page-options': [10, 20, 30, 40, 50] }\" :headers=\"headerItems\" :items=\"recordsCreatedCuratorsLastWeek\" :loading=\"loading\" :search=\"searches\" &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\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"props.item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + props.item.id\" @click.prevent=\"navigateTo(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\" @click.prevent=\" navigateTo('/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\"; import navigateTo from \"@/utils/generalUtils\"; const client = new GraphClient(); export default { name: \"RecentCuratorCreation\", components: { Icon, }, mixins: [formatDate, navigateTo], 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 /* v8 ignore start */ let recentCuratorCreations = await client.executeQuery( getRecentCuratorCreations, ); this.prepareRecordsCuratorCreationsLastWeek(recentCuratorCreations); this.loading = false; /* v8 ignore end */ }, 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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Record.vue &lt;template&gt; &lt;main&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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\" :message=\"alert.message\" :type=\"alert.type\" /&gt; &lt;!-- snackbars --&gt; &lt;record-snackbar v-for=\"(snackbar, index) in snackbars\" :key=\"snackbar.message + '_' + index\" :message=\"snackbar.message\" :model=\"convertStringToLocalVar(snackbar.model)\" :type=\"snackbar.type\" /&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\" :back-color=\"getRecordCardBackground\" class=\"ma-4 mb-7\" /&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\" :is-logged-in=\"user().isLoggedIn\" :record-name=\"currentRecord['fairsharingRecord'].metadata.name\" /&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\" :back-color=\"getRecordCardBackground\" :can-claim=\"canClaim\" :class=\"[ 'ma-4', { 'mb-10': currentRecord.fairsharingRecord.registry === 'Collection', }, ]\" @request-ownership=\"requestOwnership\" /&gt; &lt;!-- Dynamic Block --&gt; &lt;v-row no-gutters&gt; &lt;v-col :cols=\"$vuetify.display.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.display.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\" :back-color=\"getRecordCardBackground\" :class=\"[ 'ma-4 mb-8', { 'mb-10 mt-0': currentRecord.fairsharingRecord.registry === 'Collection', }, ]\" /&gt; &lt;!-- Additional Information --&gt; &lt;AdditionalInfo v-if=\"currentRecord.fairsharingRecord.registry !== 'Collection'\" id=\"additionalInfo\" :back-color=\"getRecordCardBackground\" class=\"mb-8 ma-4\" /&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;v-dialog v-model=\"history.show\" class=\"pa-0\" fullscreen persistent&gt; &lt;v-card&gt; &lt;v-card-title class=\"bg-blue text-white pb-4 pt-4 pl-6 d-flex align-center\" rounded=\"0\" &gt; &lt;span&gt;{{ getField(\"name\") }} history logs&lt;/span&gt; &lt;v-spacer /&gt; &lt;v-btn class=\"bg-white mr-3\" color=\"black\" icon size=\"30\" variant=\"elevated\" @click=\"closeHistory()\" &gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"20\" /&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=\"text-h5\"&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\" variant=\"text\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"text-h5\"&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\" variant=\"text\" @click=\"closeClaimMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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=\"text-h5\"&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\" variant=\"text\" @click=\"closeMaintainMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"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 { useData } from \"vike-vue/useData\"; 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\"; import { useTheme } from \"vuetify\"; 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 }, }, emits: [\"updateHead\", \"showDialog\"], setup() { const theme = useTheme(); const data = useData(); return { theme, data }; }, 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, }, loading: 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.theme.computedThemes.value.fairSharingTheme.colors .bg_standard_record_card; break; case \"Database\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_database_record_card; break; case \"Policy\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_policy_record_card; break; case \"Collection\": finalCardBackColor = this.theme.computedThemes.value.fairSharingTheme.colors .bg_collection_record_card; break; } return finalCardBackColor; }, currentRoute() { let id = this.$route.params[\"id\"]; if (id !== undefined &amp;&amp; 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.display.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 target() { 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(); }, }, // unmounted() { // // 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.loading = true; _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; } } _module.loading = false; _module.$emit(\"showDialog\", !_module.loading); }, 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() .isIncomplete() .isMissingRecommendedFields() .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\", /** * Pushing artificial param breaks app * Ref: https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22 */ // 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: `${import.meta.env.VITE_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: `${import.meta.env.VITE_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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORD EDITS BY MONTH &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadEditsByMonth\" :href=\"downloadEditsByMonth\" download=\"editsPerformedByMonth.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: views/Records/Records.vue &lt;template&gt; &lt;div&gt; &lt;v-container class=\"pa-0\" fluid&gt; &lt;!-- Content --&gt; &lt;v-row no-gutters&gt; &lt;v-col v-if=\"$vuetify.display.lgAndUp\" class=\"d-flex mt-2 ml-2\" cols=\"12\" lg=\"4\" md=\"4\" xl=\"3\" &gt; &lt;SearchInput :class=\"[ 'search-input-mb', { 'left-panel-fixed-lg': stickToTop &amp;&amp; $vuetify.display.xlOnly, 'left-panel-default-lg': !stickToTop &amp;&amp; $vuetify.display.xlOnly, 'left-panel-default': !stickToTop &amp;&amp; !$vuetify.display.xlOnly, 'left-panel-fixed': stickToTop &amp;&amp; !$vuetify.display.xlOnly, }, ]\" /&gt; &lt;/v-col&gt; &lt;v-col v-else class=\"ml-3 mt-2\" cols=\"12\"&gt; &lt;v-btn class=\"bg-info\" @click=\"showFiltersSM = true\"&gt; &lt;span class=\"mr-2\"&gt;Show filters&lt;/span&gt; &lt;v-icon size=\"small\"&gt; fas 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;div&gt; &lt;v-dialog v-model=\"showFiltersSM\" :scrim=\"false\" fullscreen scrollable&gt; &lt;v-card&gt; &lt;v-card-title class=\"bg-primary text-white pb-5 d-flex\"&gt; &lt;span&gt;Add a filter&lt;/span&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"white\" icon=\"fas fa-xmark fa-solid\" size=\"x-small\" variant=\"elevated\" @click=\"showFiltersSM = false\" &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;/div&gt; &lt;/v-fade-transition&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"isLoading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" persistent &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapMutations, mapState } from \"vuex\"; 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, 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 () { document.title = \"FAIRsharing | \" + this.getTitle; // Setting up the metaInfo of the page 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). } }); }, beforeUnmount() { this.cleanRecordsStore(); }, unmounted() { 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, ); }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS CREATED BY MONTH &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadRecordsByMonth\" :href=\"downloadRecordsByMonth\" download=\"recordsCreatedByMonth.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS NEEDING REVIEW &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadReviewContent\" :href=\"downloadReviewContent\" download=\"recordsNeedingReview.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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=\"bg-green text-white\"&gt; RECORDS WITHOUT DOIS &lt;v-btn :loading=\"loading\" class=\"bg-info ml-5\"&gt; &lt;a v-if=\"downloadContent\" :href=\"downloadContent\" download=\"recordWithoutDOIs.txt\" &gt; &lt;v-icon class=\"mr-1\" color=\"white\"&gt; fas fa-download&lt;/v-icon&gt; &lt;span class=\"text-white\"&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Record/RelatedContent.vue &lt;template&gt; &lt;v-card v-if=\"!tabsDataExist\" :color=\"backColor\" border class=\"pa-4 d-flex flex-column overflow-initial\" elevation=\"3\" tile &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\" :custom-filter=\"nameAbbrFilter\" :disabled=\" tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data .length &lt; 5 \" :items=\"getValues\" :menu-props=\"{ attach: true }\" :placeholder=\"`Search through ${cleanString(Object.keys(tabsData.tabs)[tabsData.selectedTab])}`\" clearable color=\"primary\" density=\"compact\" item-title=\"name\" item-value=\"name\" prepend-inner-icon=\"fas fa-search\" style=\"z-index: 2\" variant=\"solo\" &gt; &lt;template #item=\"{ props, item }\"&gt; &lt;v-list class=\"cursor-pointer pl-5 item-name\"&gt; &lt;div class=\"\" v-bind=\"props\"&gt; &lt;span&gt; {{ item.raw.name }} &lt;/span&gt; &lt;/div&gt; &lt;/v-list&gt; &lt;/template&gt; &lt;/v-autocomplete&gt; &lt;/div&gt; &lt;!-- tabs --&gt; &lt;v-tabs v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" :hide-slider=\" tabsData.tabs[Object.keys(tabsData.tabs)[tabsData.selectedTab]].data .length === 0 \" :show-arrows=\"$vuetify.display.mdAndDown\" bg-color=\"transparent\" class=\"mb-5\" color=\"accent3\" grow slider-color=\"accent3\" &gt; &lt;v-tab v-for=\"(tabName, tabIndex) in Object.keys(tabsData.tabs)\" :key=\"tabName + '_' + tabIndex\" :disabled=\"tabsData.tabs[tabName].data.length === 0\" :value=\"tabIndex\" @click=\"selectedValues = null\" &gt; {{ cleanString(tabName) }} ({{ tabsData.tabs[tabName].count }}) &lt;/v-tab&gt; &lt;/v-tabs&gt; &lt;!-- tab content --&gt; &lt;v-tabs-window v-if=\"!tabsDataExist\" v-model=\"tabsData.selectedTab\" class=\"bg-transparent height-430\" &gt; &lt;v-tabs-window-item v-for=\"(tabItem, tabItemIndex) in filterList\" :key=\"tabItem + '_' + tabItemIndex\" &gt; &lt;v-virtual-scroll :items=\"tabItem.data\" class=\"ma-4 overflow-x-hidden\" height=\"400\" item-height=\"130\" &gt; &lt;template #default=\"{ item, index }\"&gt; &lt;router-link :to=\"'/' + item.id\" @click=\"() =&gt; $scrollTo('body', 0, {})\" &gt; &lt;v-card :key=\"item.id + '_' + index\" border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120\" flat &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=\"text-grey relation-style text-ellipses-height-2lines line-height-14 pr-5\" &gt; {{ item.object }} &lt;v-tooltip location=\"top\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-for=\"(label, indexLabel) in item.recordAssocLabel\" :key=\"label + '_' + indexLabel\" class=\"text-red mouse-info\" v-bind=\"props\" &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-tabs-window-item&gt; &lt;/v-tabs-window&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.tabsData.tabs[\"related_collections\"] = { registry: [\"Collection\"], data: [], count: 0, }; } if ( _module.currentRecord[\"fairsharingRecord\"].registry === \"FAIRassist\" || _module.currentRecord[\"fairsharingRecord\"].registry === \"Standard\" ) { _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 commenthttps://www.jcmilitaria.com/search_stock.asp?start=0&amp;offset=8: // 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(itemTitle, queryText, item) { const search = queryText.toLowerCase(); const name = item.raw.name.toLowerCase(); if (item.raw.abbreviation === null) { let answer = name.indexOf(search) &gt; -1; return answer; } else { let answer = name.indexOf(search) &gt; -1 || item.raw.abbreviation.toLowerCase().indexOf(search) &gt; -1; return answer; } }, }, }; &lt;/script&gt; &lt;style lang=\"scss\" scoped&gt; .item-name { &amp;:hover { background-color: #00000008; } } &lt;/style&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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/ResultCard.vue &lt;template&gt; &lt;div&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 text-white mb-4 text-center\" style=\"background-color: green\" &gt; Success !! &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0 px-6\"&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 px-6\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"text-white order-md-2\" color=\"accent2\" to=\"/accounts/profile\" variant=\"elevated\" @click=\"resetSaveSearchDialog()\" &gt; Goto Profile page &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @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 text-white mb-4 text-center\" style=\"background-color: darkred\" &gt; Error &lt;/v-card-title&gt; &lt;v-card-text class=\"pb-0 px-6\"&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 px-6\" &gt; &lt;v-btn :class=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"text-white order-md-2\" color=\"accent2\" data-test=\"restart-btn\" @click=\"restartStepper\" &gt; Start Again &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"secondary\" data-test=\"close-btn\" @click=\"closeStepperDialog\" &gt; Close &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; // import saveSearch from \"@/store\"; export default { name: \"ResultCard\", emits: [\"restartStepper\"], data() { return {}; }, computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Open &amp; restart Stepper Dialog Box method */ restartStepper() { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 1); this.$store.commit(\"saveSearch/setShowStepper\", true); this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", true); }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); } this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", false); this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 0); }, }, }; &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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchButton.vue &lt;template&gt; &lt;v-btn class=\"mb-2 text-white saveSearchResults font-12\" color=\"accent2\" size=\"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() { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/SaveSearchStepper.vue &lt;template&gt; &lt;v-row justify=\"center\"&gt; &lt;v-dialog :model-value=\"stepperDialog\" :retain-focus=\"false\" persistent width=\"900\" @keydown.esc=\"closeStepperDialog()\" &gt; &lt;!--Dialog Header --&gt; &lt;StepperDialogHeader @restart-stepper=\"restartStepper\" /&gt; &lt;!--Stepper Form --&gt; &lt;div v-if=\"getShowStepper\"&gt; &lt;v-stepper :model-value=\"steps\" class=\"rounded-t-0\" non-linear&gt; &lt;!--Stepper Header --&gt; &lt;v-stepper-header class=\"rounded-0\"&gt; &lt;!--Header 1 --&gt; &lt;v-stepper-item :complete=\"steps &gt; 1\" :value=\"1\" editable subtitle=\"Optional\" title=\"Create Policy Link\" @click=\"steps = 1\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider /&gt; &lt;!--Header 2 --&gt; &lt;v-stepper-item v-if=\"user().is_super_curator\" :complete=\"steps &gt; 2\" :value=\"2\" editable subtitle=\"Optional\" title=\"Create Organisation Link\" @click=\"steps = 2\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 3 --&gt; &lt;v-stepper-item v-if=\"user().is_super_curator\" :complete=\"steps &gt; 3\" :value=\"3\" editable subtitle=\"Optional\" title=\"Create User Link\" @click=\"steps = 3\" &gt; &lt;/v-stepper-item&gt; &lt;v-divider v-if=\"user().is_super_curator\" /&gt; &lt;!--Header 4 --&gt; &lt;v-stepper-item :value=\"user().is_super_curator ? 4 : 2\" editable @click=\"steps = user().is_super_curator ? 4 : 2\" &gt; Save Search &lt;/v-stepper-item&gt; &lt;/v-stepper-header&gt; &lt;!--Stepper Body --&gt; &lt;v-window :model-value=\"steps\" class=\"ma-6\"&gt; &lt;!--Stepper Content 1 Policy List--&gt; &lt;v-window-item :value=\"1\"&gt; &lt;PolicyStepper /&gt; &lt;v-btn :class=\"{ 'full-width': $vuetify.display.smAndDown }\" class=\"float-md-right my-3\" color=\"primary\" variant=\"elevated\" @click=\"steps = 2\" &gt; Continue &lt;/v-btn&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 2 Organisation List--&gt; &lt;v-window-item v-if=\"user().is_super_curator\" :value=\"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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"order-md-2\" color=\"primary\" variant=\"elevated\" @click=\"steps = 3\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @click=\"steps = 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 3 Save Search Form--&gt; &lt;v-window-item v-if=\"user().is_super_curator\" :value=\"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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" class=\"order-md-2\" color=\"primary\" variant=\"elevated\" @click=\"steps = 4\" &gt; Continue &lt;/v-btn&gt; &lt;v-btn class=\"text-white order-md-1\" color=\"accent3\" variant=\"elevated\" @click=\"steps = 2\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;!--Stepper Content 4 Save Search Form--&gt; &lt;v-window-item :value=\"user().is_super_curator ? 4 : 2\"&gt; &lt;v-form ref=\"searchFormRef\" v-model=\"searchForm\"&gt; &lt;v-text-field v-model=\"searchName\" :rules=\"[isRequired()]\" label=\"Search Name\" /&gt; &lt;v-text-field v-model=\"searchComment\" :counter=\"100\" label=\"Comments\" maxlength=\"100\" /&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=\"{ 'mb-3': $vuetify.display.smAndDown, }\" :disabled=\"!searchForm\" :loading=\"loading\" class=\"order-md-2\" color=\"success order-md-1\" variant=\"elevated\" @click=\"saveSearch\" &gt; Save &lt;/v-btn&gt; &lt;v-btn class=\"text-white\" color=\"accent3\" variant=\"elevated\" @click=\"steps = user().is_super_curator ? 3 : 1\" &gt; Back &lt;/v-btn&gt; &lt;/div&gt; &lt;/v-window-item&gt; &lt;/v-window&gt; &lt;/v-stepper&gt; &lt;/div&gt; &lt;ResultCard v-else @restart-stepper=\"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: 0, 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 this.$store.commit(\"saveSearch/setShowStepper\", false); //Check the success or error response if (searchResult?.error) { this.$store.commit(\"saveSearch/setSaveSearchStatus\", false); } else { this.$store.commit(\"saveSearch/setSaveSearchStatus\", true); } this.saveSearchProfile(searchResult); this.loading = false; }, /** * Save the search result for the user profile */ saveSearchProfile(data) { this.$store.commit(\"saveSearch/setSaveSearchResult\", data); //Reset the textfields this.searchName = \"\"; this.searchComment = \"\"; }, /** * Close Stepper Dialog Box method */ closeStepperDialog() { this.$store.commit(\"saveSearch/setSaveSearchStepperDialog\", false); }, /** * Restart the Save Search from step 1 * @param value - Value 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 border class=\"pa-4 d-flex flex-column v-card-hover mx-2 height-120 my-3 full-width\" flat &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 :href=\"`/users/${search.creator['id']}`\" class=\"underline-effect\" &gt;{{ search.creator[\"username\"] }}&lt;/a &gt;) &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=\"text-grey 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 variant=\"text\" @click=\"confirmUnlinkSavedSearch(search)\" &gt; &lt;v-icon&gt;fas fa-unlink&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=\"text-white\" color=\"accent3\" @click=\"unlinkSavedSearch(false)\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"unlinkLoader\" class=\"text-white\" color=\"success\" @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\"; 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 this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/SearchInput.vue &lt;template&gt; &lt;v-card id=\"scrollable-holder\" :class=\"[ 'pa-2 overflow-auto', $vuetify.display.mdAndUp ? responsiveClassObject : 'fullHeight', ]\" border 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 variant=\"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: 0.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 { GloballyUnique, IsImplemented, Persistent, Resolvable, 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: \"\", }, { identifier: \"globallyUnique\", name: \"Globally Unique\", component: GloballyUnique, initialValue: \"\", }, { identifier: \"persistent\", name: \"Persistent\", component: Persistent, initialValue: \"\", }, { identifier: \"resolvable\", name: \"Resolvable\", component: Resolvable, 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/SaveSearch/StepperComponents/StepperDialogHeader.vue &lt;template&gt; &lt;div class=\"rounded-0 bg-white py-3\" style=\"position: relative\"&gt; &lt;h2 class=\"text-center\"&gt;Save Your Search&lt;/h2&gt; &lt;v-btn elevation=\"0\" icon style=\"position: absolute; top: 10px; right: 15px\" &gt; &lt;v-icon icon=\"fas fa-xmark fa-solid\" size=\"40px\" @click=\"closeStepperDialog()\" /&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\", emits: [\"restartStepper\"], computed: { ...mapGetters(\"saveSearch\", [\"getSaveSearchStatus\"]), }, methods: { ...mapActions(\"saveSearch\", [\"resetSaveSearchDialog\"]), /** * Close Stepper Dialog Box method */ closeStepperDialog() { if (this.getSaveSearchStatus) { this.resetSaveSearchDialog(); this.$emit(\"restartStepper\", 0); } this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Subject.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchSubjects\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Subject\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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; × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/SystemMessages.vue &lt;template&gt; &lt;div&gt; &lt;v-col cols=\"12\"&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=\"bg-green text-white d-flex align-center\" &gt; SYSTEM MESSAGES &lt;v-btn class=\"bg-info ml-5\" @click.stop=\"showAddMessage()\"&gt; &lt;v-icon class=\"mr-1\" color=\"white\" icon=\"fas fa-plus\" /&gt; &lt;span class=\"text-white\"&gt;Add message&lt;/span&gt; &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;/v-card-title&gt; &lt;v-data-table :headers=\"headerItems\" :items=\"systemMessages\" :items-per-page-options=\"[5, 10, 20, 25, 30]\" :loading=\"loading\" &gt; &lt;template v-if=\"systemMessages\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.id }} &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer; border-bottom: 1px dashed grey\" v-bind=\"menuProps\" &gt; {{ item.message || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Message &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.message\" hide-details label=\"Edit away!\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"primary\" variant=\"text\" @click=\" saveEditedMessage(item.id, item.message); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; {{ item.created_at }} &lt;/td&gt; &lt;td&gt; {{ item.updated_at }} &lt;/td&gt; &lt;td&gt; &lt;v-icon color=\"red\" end icon=\"fas fa-trash\" size=\"small\" @click=\"deleteMessage(item.id)\" /&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;v-row&gt; &lt;v-dialog v-model=\"dialogs.addMessage\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&gt; Add new message&lt;/v-card-title&gt; &lt;v-card-text&gt; &lt;v-textarea v-model=\"dialogs.newMessage\" clearable label=\"New message\" name=\"new-message-field\" placeholder=\"Type a message here...\" regular /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"red-darken-1\" variant=\"elevated\" @click=\"closeAddMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\"!dialogs.newMessage\" color=\"blue-darken-1\" variant=\"elevated\" @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-dialog v-model=\"dialogs.deleteMessage\" max-width=\"700px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMessageMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @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-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 this.$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 this.$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; :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Taxonomies.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchTaxonomies\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"Taxonomies\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/UserDefinedTag.vue &lt;template&gt; &lt;AutoCompleteComponent v-model=\"model\" :item-list=\"getSearchUserDefinedTags\" :item-value=\"itemValue\" :loading=\"getLoadingStatus\" :tool-tip-text=\"toolTipText\" @input=\"selectedValue\" @fetch-data=\"getResults\" /&gt; &lt;/template&gt; &lt;script&gt; import { mapActions, mapGetters } from \"vuex\"; import AutoCompleteComponent from \"../UtilComponents/AutoCompleteComponent.vue\"; export default { name: \"UserDefinedTag\", components: { AutoCompleteComponent }, props: { value: { type: Array, default: () =&gt; [], }, }, emits: [\"input\"], 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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Curators/UserRecordsAwaitingApproval.vue &lt;template&gt; &lt;v-fade-transition&gt; &lt;div&gt; &lt;v-overlay v-model=\"loading\" :absolute=\"false\" class=\"align-center justify-center\" opacity=\"0.8\" &gt; &lt;Loaders /&gt; &lt;/v-overlay&gt; &lt;/div&gt; &lt;/v-fade-transition&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=\"bg-green text-white d-flex align-center\" &gt; &lt;b&gt; USER EDITS AWAITING APPROVAL &lt;/b&gt; &lt;v-spacer /&gt; &lt;v-text-field v-model=\"searches\" class=\"searchField\" clearable color=\"white\" hide-details label=\"Search\" single-line variant=\"solo\" /&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 :headers=\"headerItems\" :items=\"approvalRequiredProcessed\" :items-per-page-options=\"[10, 20, 30, 40, 50]\" :loading=\"loading\" :search=\"searches\" return-object &gt; &lt;template v-if=\"recordType\" #item=\"{ item }\"&gt; &lt;tr&gt; &lt;td&gt; {{ item.updatedAt }} &lt;/td&gt; &lt;td&gt; &lt;div class=\"priorityTag\"&gt; {{ item.priority }} &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu&gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props: tooltipProps }\"&gt; &lt;span class=\"clickable text-decoration-underline\" color=\"nordnetBlue\" size=\"small\" v-bind=\"mergeProps(menuProps, tooltipProps)\" &gt; {{ item.curator || \"Assign Curator\" }} &lt;/span&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=\"(curator, index) in curatorList\" :key=\"index\" class=\"thelistCurators\" @click=\" assignCurator(item.id, curator.id, curator.userName) \" &gt; &lt;v-list-item-title&gt; {{ curator.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=\"item.type\" class=\"mr-2\" size=\"40\"&gt; &lt;Icon :height=\"40\" :item=\"item.type\" wrapper-class=\"\" /&gt; &lt;/v-avatar&gt; &lt;a :href=\"'/' + item.id\" @click.prevent=\"navigateTo(item.id)\"&gt; {{ item.recordName }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div v-if=\"item.lastEditor === 'unknown'\"&gt; {{ item.lastEditor }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idLastEditor\" @click.prevent=\"navigateTo('/users/' + item.idLastEditor)\" &gt; {{ item.lastEditor }} &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;v-menu :close-on-content-click=\"false\" location=\"bottom\" min-width=\"400\" &gt; &lt;template #activator=\"{ props: menuProps }\"&gt; &lt;span style=\"cursor: pointer\" v-bind=\"menuProps\"&gt; {{ item.processingNotes || \"Click to edit...\" }} &lt;/span&gt; &lt;/template&gt; &lt;template #default=\"{ isActive }\"&gt; &lt;v-card class=\"pa-2\"&gt; &lt;v-card-title class=\"mt-2 text-h6\"&gt; Update Processing Notes &lt;/v-card-title&gt; &lt;v-card-text class=\"pt-2\"&gt; &lt;v-textarea v-model=\"item.processingNotes\" hide-details label=\"Edit (not long words)\" variant=\"filled\" /&gt; &lt;/v-card-text&gt; &lt;v-card-actions&gt; &lt;v-btn v-if=\"item.processingNoteId\" color=\"red\" size=\"small\" slim variant=\"elevated\" @click=\" deleteProcessingNote(item); isActive.value = false; \" &gt; Delete &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-btn color=\"success\" size=\"small\" slim variant=\"elevated\" @click=\" saveProcessingNotes( item.id, item.processingNotes, item, ); isActive.value = false; \" &gt; Save &lt;/v-btn&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/template&gt; &lt;/v-menu&gt; &lt;/td&gt; &lt;td&gt; &lt;div class=\"d-flex\"&gt; &lt;v-icon color=\"blue\" start @click.stop=\" approveChangesMenu(item.recordName, item.id, item.hidden) \" &gt; fas fa-check-circle &lt;/v-icon&gt; {{ item.actions }} &lt;v-icon color=\"red\" end size=\"small\" @click=\"deleteRecordMenu(item.recordName, item.id)\" &gt; fas fa-trash &lt;/v-icon&gt; &lt;v-tooltip location=\"bottom\"&gt; &lt;template #activator=\"{ props }\"&gt; &lt;span v-bind=\"props\"&gt; &lt;a :href=\"'/' + item.id + '/edit'\" style=\"padding-left: 12px\" @click.prevent=\"navigateTo('/' + item.id + '/edit')\" &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;/div&gt; &lt;/td&gt; &lt;td&gt; {{ item.createdAt }}, &lt;div v-if=\"item.creator === 'unknown'\"&gt; {{ item.creator }} &lt;/div&gt; &lt;div v-else&gt; &lt;a :href=\"'/users/' + item.idCreator\" @click.prevent=\"navigateTo('/users/' + item.idCreator)\" &gt; {{ 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-dialog v-model=\"dialogs.approveChanges\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeApproveChangesMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn color=\"blue-darken-1\" variant=\"elevated\" @click=\"confirmApproval()\" &gt; OK &lt;/v-btn&gt; &lt;v-spacer /&gt; &lt;v-switch v-model=\"dialogs.createReview\" class=\"pr-3\" color=\"green\" hide-details label=\"Create Review\" /&gt; &lt;v-switch v-model=\"dialogs.recordHidden\" color=\"purple\" hide-details label=\"Hide record\" /&gt; &lt;v-spacer /&gt; &lt;/v-card-actions&gt; &lt;/v-card&gt; &lt;/v-dialog&gt; &lt;v-dialog v-model=\"dialogs.deleteRecord\" max-width=\"900px\"&gt; &lt;v-card&gt; &lt;v-card-title class=\"text-h5\" style=\"white-space: normal\"&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=\"red-darken-1\" variant=\"elevated\" @click=\"closeDeleteMenu()\" &gt; Cancel &lt;/v-btn&gt; &lt;v-btn :disabled=\" dialogs.disableDelButton === true || dialogs.disableButton === true \" color=\"blue-darken-1\" variant=\"elevated\" @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-card&gt; &lt;/template&gt; &lt;script&gt; import {mergeProps} from \"vue\"; 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\"; import navigateTo from \"@/utils/generalUtils\"; import Loaders from \"@/components/Navigation/Loaders.vue\"; const client = new GraphClient(); const restClient = new RestClient(); export default { name: \"UserRecordsAwaitingApproval\", components: { Loaders, Icon, }, mixins: [formatDate, compareRecordDescUpdate, navigateTo], 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; const token = this.user().credentials.token; //Fetching records approval awaiting data client.setHeader(token); let data = await client.executeQuery(getUserApprovalsRequired); client.setHeader(token); let listOfCurators = await client.executeQuery(getCuratorList); client.setHeader(token); let hiddenRecords = await client.executeQuery(getHiddenRecords); this.prepareApprovalRequired(data, listOfCurators, hiddenRecords); this.approvalRequiredProcessed = JSON.parse( JSON.stringify(this.approvalRequired), ); this.loading = false; }, methods: { mergeProps, ...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 ? rec.processingNotes.note : \"\", processingNoteId: rec.processingNotes ? rec.processingNotes.id : null, 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, ); /* v8 ignore next 3 */ 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); }, /** * Create processing notes for a record * @param idRecord {Number} - FAIRshairing record id * @param notesText {String} - Processing notes text * @param item {Object} - Record object * @return {Promise&lt;void&gt;} */ async saveProcessingNotes(idRecord, notesText, item) { const token = this.user().credentials.token; try { if (item.processingNoteId) { this.loading = true; // UPDATE EXISTING await restClient.updateProcessingNotes( item.processingNoteId, notesText, idRecord, token, ); this.loading = false; } else { // CREATE NEW this.loading = true; const response = await restClient.createProcessingNotes( notesText, idRecord, token, ); // Store the new ID so the next click becomes an \"update\" const newId = response.data ? response.data.id : response.id; item.processingNoteId = newId; this.loading = false; } } catch (err) { this.loading = false; this.error.general = \"Failed to save processing note.\"; this.error.recordID = idRecord; } }, /** * Delete a processing notes for a record * @param item * @return {Promise&lt;void&gt;} */ async deleteProcessingNote(item) { if (!item.processingNoteId) { // If no ID exists, it's not in the database, just clear the text item.processingNotes = \"\"; return; } try { this.loading = true; const token = this.user().credentials.token; await restClient.deleteProcessingNote(item.processingNoteId, token); // Clear local state item.processingNotes = \"\"; item.processingNoteId = null; this.loading = false; } catch (err) { this.loading = false; this.error.general = \"Failed to delete processing note.\"; this.error.recordID = item.id; } }, async assignCurator(idRecord, idUser, nameUser) { const _module = this; let preparedRecord = {}; if (nameUser === \"none\") { preparedRecord.curator_id = null; } else { preparedRecord.curator_id = idUser; } preparedRecord.skip_approval = true; 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; } :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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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\" v-model:search=\"searchUser\" :items=\"usersList\" :loading=\"loading\" chips class=\"mb-7 full-width stepperField\" closable-chips color=\"primary\" flat hide-details=\"auto\" item-title=\"username\" item-value=\"id\" label=\"Enter text to search for additional user(s) to associate with this saved search\" multiple variant=\"underlined\" &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) { this.$store.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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: components/Users/Profiles/Private/ViewSavedSearchesTable.vue &lt;template&gt; &lt;div&gt; &lt;v-data-table :footer-props=\"footer\" :headers=\"headers\" :items=\"totalSearches\" :items-per-page=\"perPage\" calculate-widths class=\"userProfileSavedSearches\" 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; fas fa-unlink &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=\"text-white\" color=\"accent3\" @click=\"closeDialog\"&gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"loading\" class=\"text-white\" color=\"success\" @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=\"text-white\" color=\"accent3\" @click=\"closeDialog\"&gt; Cancel &lt;/v-btn&gt; &lt;v-btn :loading=\"loading\" class=\"text-white\" color=\"success\" @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 = [ { title: \"Creator\", value: \"creator\", align: \"center\", sortable: false, }, { title: \"Date\", value: \"date\", align: \"center\", sortable: false }, { title: \"Name\", value: \"name\", align: \"center\", sortable: false }, { title: \"Comments\", value: \"comments\", align: \"center\", sortable: false, }, { title: \"Record\", value: \"record\", align: \"center\", sortable: false }, { title: \"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 this.$store.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() { this.$store.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; @use \"sass:map\"; @use \"vuetify/settings\" as v; .userProfileSavedSearches:deep(*) { table { tbody { tr { td { word-break: break-all; @media #{map.get(v.$display-breakpoints, 'md-and-up')} { width: 100px; min-width: 100px; max-width: 100px; } } } } } } &lt;/style&gt; × Search results Close "},"utils_query-builder-vue-3_dist_query-builder-vue-3.js.html":{"id":"utils_query-builder-vue-3_dist_query-builder-vue-3.js.html","title":"Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) =&gt; key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) =&gt; { __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value); return value; }; import { resolveComponent, TransitionGroup, defineComponent, h, nextTick, computed, openBlock, createElementBlock, unref, createCommentVNode, renderSlot, normalizeProps, mergeProps, Fragment, createElementVNode, toDisplayString, createBlock, resolveDynamicComponent, isRef, createSlots, renderList, withCtx, guardReactiveProps, withModifiers, pushScopeId, popScopeId, inject, watch, onMounted, ref, withDirectives, vModelSelect, createVNode, provide } from \"vue\"; function isRule(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } const { hasOwnProperty } = Object.prototype; return hasOwnProperty.call(param, \"value\"); } function isRuleSet(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.operatorIdentifier !== \"string\") { return false; } return Array.isArray(param.children) &amp;&amp; param.children.every((child) =&gt; isRule(child) || isRuleSet(child)); } function isOperatorDefinition(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } return typeof param.name === \"string\"; } function isRuleDefinition(param) { if (typeof param !== \"object\" || param === null) { return false; } if (typeof param.identifier !== \"string\") { return false; } if (typeof param.name !== \"string\") { return false; } return [\"function\", \"object\", \"string\"].includes(typeof param.component); } function isQueryBuilderConfig(param) { if (typeof param !== \"object\" || param === null) { return false; } return Array.isArray(param.operators) &amp;&amp; param.operators.every((operator) =&gt; isOperatorDefinition(operator)) &amp;&amp; Array.isArray(param.rules) &amp;&amp; param.rules.every((rule) =&gt; isRuleDefinition(rule)) &amp;&amp; (!param.colors || Array.isArray(param.colors) &amp;&amp; param.colors.every((color) =&gt; typeof color === \"string\")) &amp;&amp; (typeof param.maxDepth === \"undefined\" || typeof param.maxDepth === \"number\" &amp;&amp; param.maxDepth &gt;= 0); } function mitt(n) { return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) { var i = n.get(t); i ? i.push(e) : n.set(t, [e]); }, off: function(t, e) { var i = n.get(t); i &amp;&amp; (e ? i.splice(i.indexOf(e) &gt;&gt;&gt; 0, 1) : n.set(t, [])); }, emit: function(t, e) { var i = n.get(t); i &amp;&amp; i.slice().map(function(n2) { n2(e); }), (i = n.get(\"*\")) &amp;&amp; i.slice().map(function(n2) { n2(t, e); }); } }; } const QueryBuilderGroupSym = Symbol(\"QueryBuilderGroup\"); function getNextGroup(group) { if (group.depth &lt; 1) { return group; } let vm = group; do { vm = vm.$parent; } while (vm.type !== QueryBuilderGroupSym); return vm; } function getCommonAncestor(nodeA, nodeB) { let a = nodeA; let b = nodeB; if (a.depth !== b.depth) { let lower = a.depth &gt; b.depth ? a : b; const higher = a.depth &lt; b.depth ? a : b; while (lower.depth !== higher.depth) { lower = getNextGroup(lower); } a = lower; b = higher; } while (a !== b) { a = getNextGroup(a); b = getNextGroup(b); } return a; } function triggerUpdate(adder, remover) { const commonAncestor = getCommonAncestor(adder.component, remover.component); if (![adder.component, remover.component].includes(commonAncestor)) { mergeViaParent(commonAncestor, adder, remover); return; } mergeViaNode(commonAncestor, adder, remover); } function mergeViaParent(commonAncestor, adder, remover) { let children = null; commonAncestor.trap = (position, newChild) =&gt; { if (children === null) { children = [...commonAncestor.children]; children.splice(position, 1, newChild); return; } commonAncestor.trap = null; children.splice(position, 1, newChild); commonAncestor.$emit( \"query-update\", { operatorIdentifier: commonAncestor.selectedOperator, children } ); }; adder.component.$emit(\"query-update\", adder.ev); remover.component.$emit(\"query-update\", remover.ev); } function mergeViaNode(parentEmitter, adder, remover) { const childEmitter = parentEmitter === adder.component ? remover : adder; const children = [...parentEmitter.children]; parentEmitter.trap = (position, newChild) =&gt; { parentEmitter.trap = null; children.splice(position, 1, newChild); if (parentEmitter === adder.component) { children.splice(adder.affectedIdx, 0, adder.ev.children[adder.affectedIdx]); } else { children.splice(remover.affectedIdx, 1); } parentEmitter.$emit( \"query-update\", { operatorIdentifier: parentEmitter.selectedOperator, children } ); }; childEmitter.component.$emit(\"query-update\", childEmitter.ev); } class MergeTrap { constructor() { __publicField(this, \"eventBus\"); this.eventBus = mitt(); Promise.all([ new Promise((res) =&gt; this.eventBus.on(\"adder-registered\", res)), new Promise((res) =&gt; this.eventBus.on(\"remover-registered\", res)) ]).then((args) =&gt; triggerUpdate(args[0], args[1])).then(() =&gt; this.eventBus.all.clear()); } registerSortUpdate(update) { if (update.adding) { return this.registerAdder(update); } return this.registerRemover(update); } registerAdder(ev) { this.eventBus.emit(\"adder-registered\", ev); } registerRemover(ev) { this.eventBus.emit(\"remover-registered\", ev); } } const _imports_0 = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJncmlwLXZlcnRpY2FsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZ3JpcC12ZXJ0aWNhbCBmYS13LTEwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiPjxwYXRoIGZpbGw9IiNCQkIiIGQ9Ik05NiAzMkgzMkMxNC4zMyAzMiAwIDQ2LjMzIDAgNjR2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMyVjY0YzAtMTcuNjctMTQuMzMtMzItMzItMzJ6bTAgMTYwSDMyYy0xNy42NyAwLTMyIDE0LjMzLTMyIDMydjY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJoNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMnYtNjRjMC0xNy42Ny0xNC4zMy0zMi0zMi0zMnptMCAxNjBIMzJjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyek0yODggMzJoLTY0Yy0xNy42NyAwLTMyIDE0LjMzLTMyIDMydjY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJoNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMlY2NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyem0wIDE2MGgtNjRjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyem0wIDE2MGgtNjRjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2NjRjMCAxNy42NyAxNC4zMyAzMiAzMiAzMmg2NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMydi02NGMwLTE3LjY3LTE0LjMzLTMyLTMyLTMyeiI+PC9wYXRoPjwvc3ZnPgo=\"; /**! * Sortable 1.14.0 * @author RubaXa &lt;trash@rubaxa.org&gt; * @author owenm &lt;owen23355@gmail.com&gt; * @license MIT */ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i &lt; arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function(key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function(key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" &amp;&amp; typeof Symbol.iterator === \"symbol\") { _typeof = function(obj2) { return typeof obj2; }; } else { _typeof = function(obj2) { return obj2 &amp;&amp; typeof Symbol === \"function\" &amp;&amp; obj2.constructor === Symbol &amp;&amp; obj2 !== Symbol.prototype ? \"symbol\" : typeof obj2; }; } return _typeof(obj); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _extends() { _extends = Object.assign || function(target) { for (var i = 1; i &lt; arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i &lt; sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) &gt;= 0) continue; target[key] = source[key]; } return target; } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i &lt; sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) &gt;= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } var version = \"1.14.0\"; function userAgent(pattern) { if (typeof window !== \"undefined\" &amp;&amp; window.navigator) { return !!/* @__PURE__ */ navigator.userAgent.match(pattern); } } var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\\.|msie|iemobile|Windows Phone)/i); var Edge = userAgent(/Edge/i); var FireFox = userAgent(/firefox/i); var Safari = userAgent(/safari/i) &amp;&amp; !userAgent(/chrome/i) &amp;&amp; !userAgent(/android/i); var IOS = userAgent(/iP(ad|od|hone)/i); var ChromeForAndroid = userAgent(/chrome/i) &amp;&amp; userAgent(/android/i); var captureMode = { capture: false, passive: false }; function on(el, event, fn) { el.addEventListener(event, fn, !IE11OrLess &amp;&amp; captureMode); } function off(el, event, fn) { el.removeEventListener(event, fn, !IE11OrLess &amp;&amp; captureMode); } function matches(el, selector) { if (!selector) return; selector[0] === \"&gt;\" &amp;&amp; (selector = selector.substring(1)); if (el) { try { if (el.matches) { return el.matches(selector); } else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); } else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); } } catch (_) { return false; } } return false; } function getParentOrHost(el) { return el.host &amp;&amp; el !== document &amp;&amp; el.host.nodeType ? el.host : el.parentNode; } function closest(el, selector, ctx, includeCTX) { if (el) { ctx = ctx || document; do { if (selector != null &amp;&amp; (selector[0] === \"&gt;\" ? el.parentNode === ctx &amp;&amp; matches(el, selector) : matches(el, selector)) || includeCTX &amp;&amp; el === ctx) { return el; } if (el === ctx) break; } while (el = getParentOrHost(el)); } return null; } var R_SPACE = /\\s+/g; function toggleClass(el, name, state) { if (el &amp;&amp; name) { if (el.classList) { el.classList[state ? \"add\" : \"remove\"](name); } else { var className = (\" \" + el.className + \" \").replace(R_SPACE, \" \").replace(\" \" + name + \" \", \" \"); el.className = (className + (state ? \" \" + name : \"\")).replace(R_SPACE, \" \"); } } } function css(el, prop, val) { var style = el &amp;&amp; el.style; if (style) { if (val === void 0) { if (document.defaultView &amp;&amp; document.defaultView.getComputedStyle) { val = document.defaultView.getComputedStyle(el, \"\"); } else if (el.currentStyle) { val = el.currentStyle; } return prop === void 0 ? val : val[prop]; } else { if (!(prop in style) &amp;&amp; prop.indexOf(\"webkit\") === -1) { prop = \"-webkit-\" + prop; } style[prop] = val + (typeof val === \"string\" ? \"\" : \"px\"); } } } function matrix(el, selfOnly) { var appliedTransforms = \"\"; if (typeof el === \"string\") { appliedTransforms = el; } else { do { var transform = css(el, \"transform\"); if (transform &amp;&amp; transform !== \"none\") { appliedTransforms = transform + \" \" + appliedTransforms; } } while (!selfOnly &amp;&amp; (el = el.parentNode)); } var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix; return matrixFn &amp;&amp; new matrixFn(appliedTransforms); } function find(ctx, tagName, iterator) { if (ctx) { var list = ctx.getElementsByTagName(tagName), i = 0, n = list.length; if (iterator) { for (; i &lt; n; i++) { iterator(list[i], i); } } return list; } return []; } function getWindowScrollingElement() { var scrollingElement = document.scrollingElement; if (scrollingElement) { return scrollingElement; } else { return document.documentElement; } } function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) { if (!el.getBoundingClientRect &amp;&amp; el !== window) return; var elRect, top, left, bottom, right, height, width; if (el !== window &amp;&amp; el.parentNode &amp;&amp; el !== getWindowScrollingElement()) { elRect = el.getBoundingClientRect(); top = elRect.top; left = elRect.left; bottom = elRect.bottom; right = elRect.right; height = elRect.height; width = elRect.width; } else { top = 0; left = 0; bottom = window.innerHeight; right = window.innerWidth; height = window.innerHeight; width = window.innerWidth; } if ((relativeToContainingBlock || relativeToNonStaticParent) &amp;&amp; el !== window) { container = container || el.parentNode; if (!IE11OrLess) { do { if (container &amp;&amp; container.getBoundingClientRect &amp;&amp; (css(container, \"transform\") !== \"none\" || relativeToNonStaticParent &amp;&amp; css(container, \"position\") !== \"static\")) { var containerRect = container.getBoundingClientRect(); top -= containerRect.top + parseInt(css(container, \"border-top-width\")); left -= containerRect.left + parseInt(css(container, \"border-left-width\")); bottom = top + elRect.height; right = left + elRect.width; break; } } while (container = container.parentNode); } } if (undoScale &amp;&amp; el !== window) { var elMatrix = matrix(container || el), scaleX = elMatrix &amp;&amp; elMatrix.a, scaleY = elMatrix &amp;&amp; elMatrix.d; if (elMatrix) { top /= scaleY; left /= scaleX; width /= scaleX; height /= scaleY; bottom = top + height; right = left + width; } } return { top, left, bottom, right, width, height }; } function isScrolledPast(el, elSide, parentSide) { var parent = getParentAutoScrollElement(el, true), elSideVal = getRect(el)[elSide]; while (parent) { var parentSideVal = getRect(parent)[parentSide], visible = void 0; if (parentSide === \"top\" || parentSide === \"left\") { visible = elSideVal &gt;= parentSideVal; } else { visible = elSideVal &lt;= parentSideVal; } if (!visible) return parent; if (parent === getWindowScrollingElement()) break; parent = getParentAutoScrollElement(parent, false); } return false; } function getChild(el, childNum, options, includeDragEl) { var currentChild = 0, i = 0, children = el.children; while (i &lt; children.length) { if (children[i].style.display !== \"none\" &amp;&amp; children[i] !== Sortable.ghost &amp;&amp; (includeDragEl || children[i] !== Sortable.dragged) &amp;&amp; closest(children[i], options.draggable, el, false)) { if (currentChild === childNum) { return children[i]; } currentChild++; } i++; } return null; } function lastChild(el, selector) { var last = el.lastElementChild; while (last &amp;&amp; (last === Sortable.ghost || css(last, \"display\") === \"none\" || selector &amp;&amp; !matches(last, selector))) { last = last.previousElementSibling; } return last || null; } function index(el, selector) { var index2 = 0; if (!el || !el.parentNode) { return -1; } while (el = el.previousElementSibling) { if (el.nodeName.toUpperCase() !== \"TEMPLATE\" &amp;&amp; el !== Sortable.clone &amp;&amp; (!selector || matches(el, selector))) { index2++; } } return index2; } function getRelativeScrollOffset(el) { var offsetLeft = 0, offsetTop = 0, winScroller = getWindowScrollingElement(); if (el) { do { var elMatrix = matrix(el), scaleX = elMatrix.a, scaleY = elMatrix.d; offsetLeft += el.scrollLeft * scaleX; offsetTop += el.scrollTop * scaleY; } while (el !== winScroller &amp;&amp; (el = el.parentNode)); } return [offsetLeft, offsetTop]; } function indexOfObject(arr, obj) { for (var i in arr) { if (!arr.hasOwnProperty(i)) continue; for (var key in obj) { if (obj.hasOwnProperty(key) &amp;&amp; obj[key] === arr[i][key]) return Number(i); } } return -1; } function getParentAutoScrollElement(el, includeSelf) { if (!el || !el.getBoundingClientRect) return getWindowScrollingElement(); var elem = el; var gotSelf = false; do { if (elem.clientWidth &lt; elem.scrollWidth || elem.clientHeight &lt; elem.scrollHeight) { var elemCSS = css(elem); if (elem.clientWidth &lt; elem.scrollWidth &amp;&amp; (elemCSS.overflowX == \"auto\" || elemCSS.overflowX == \"scroll\") || elem.clientHeight &lt; elem.scrollHeight &amp;&amp; (elemCSS.overflowY == \"auto\" || elemCSS.overflowY == \"scroll\")) { if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement(); if (gotSelf || includeSelf) return elem; gotSelf = true; } } } while (elem = elem.parentNode); return getWindowScrollingElement(); } function extend(dst, src) { if (dst &amp;&amp; src) { for (var key in src) { if (src.hasOwnProperty(key)) { dst[key] = src[key]; } } } return dst; } function isRectEqual(rect1, rect2) { return Math.round(rect1.top) === Math.round(rect2.top) &amp;&amp; Math.round(rect1.left) === Math.round(rect2.left) &amp;&amp; Math.round(rect1.height) === Math.round(rect2.height) &amp;&amp; Math.round(rect1.width) === Math.round(rect2.width); } var _throttleTimeout; function throttle(callback, ms) { return function() { if (!_throttleTimeout) { var args = arguments, _this = this; if (args.length === 1) { callback.call(_this, args[0]); } else { callback.apply(_this, args); } _throttleTimeout = setTimeout(function() { _throttleTimeout = void 0; }, ms); } }; } function cancelThrottle() { clearTimeout(_throttleTimeout); _throttleTimeout = void 0; } function scrollBy(el, x, y) { el.scrollLeft += x; el.scrollTop += y; } function clone(el) { var Polymer = window.Polymer; var $ = window.jQuery || window.Zepto; if (Polymer &amp;&amp; Polymer.dom) { return Polymer.dom(el).cloneNode(true); } else if ($) { return $(el).clone(true)[0]; } else { return el.cloneNode(true); } } var expando = \"Sortable\" + new Date().getTime(); function AnimationStateManager() { var animationStates = [], animationCallbackId; return { captureAnimationState: function captureAnimationState() { animationStates = []; if (!this.options.animation) return; var children = [].slice.call(this.el.children); children.forEach(function(child) { if (css(child, \"display\") === \"none\" || child === Sortable.ghost) return; animationStates.push({ target: child, rect: getRect(child) }); var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); if (child.thisAnimationDuration) { var childMatrix = matrix(child, true); if (childMatrix) { fromRect.top -= childMatrix.f; fromRect.left -= childMatrix.e; } } child.fromRect = fromRect; }); }, addAnimationState: function addAnimationState(state) { animationStates.push(state); }, removeAnimationState: function removeAnimationState(target) { animationStates.splice(indexOfObject(animationStates, { target }), 1); }, animateAll: function animateAll(callback) { var _this = this; if (!this.options.animation) { clearTimeout(animationCallbackId); if (typeof callback === \"function\") callback(); return; } var animating = false, animationTime = 0; animationStates.forEach(function(state) { var time = 0, target = state.target, fromRect = target.fromRect, toRect = getRect(target), prevFromRect = target.prevFromRect, prevToRect = target.prevToRect, animatingRect = state.rect, targetMatrix = matrix(target, true); if (targetMatrix) { toRect.top -= targetMatrix.f; toRect.left -= targetMatrix.e; } target.toRect = toRect; if (target.thisAnimationDuration) { if (isRectEqual(prevFromRect, toRect) &amp;&amp; !isRectEqual(fromRect, toRect) &amp;&amp; (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) { time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options); } } if (!isRectEqual(toRect, fromRect)) { target.prevFromRect = fromRect; target.prevToRect = toRect; if (!time) { time = _this.options.animation; } _this.animate(target, animatingRect, toRect, time); } if (time) { animating = true; animationTime = Math.max(animationTime, time); clearTimeout(target.animationResetTimer); target.animationResetTimer = setTimeout(function() { target.animationTime = 0; target.prevFromRect = null; target.fromRect = null; target.prevToRect = null; target.thisAnimationDuration = null; }, time); target.thisAnimationDuration = time; } }); clearTimeout(animationCallbackId); if (!animating) { if (typeof callback === \"function\") callback(); } else { animationCallbackId = setTimeout(function() { if (typeof callback === \"function\") callback(); }, animationTime); } animationStates = []; }, animate: function animate(target, currentRect, toRect, duration) { if (duration) { css(target, \"transition\", \"\"); css(target, \"transform\", \"\"); var elMatrix = matrix(this.el), scaleX = elMatrix &amp;&amp; elMatrix.a, scaleY = elMatrix &amp;&amp; elMatrix.d, translateX = (currentRect.left - toRect.left) / (scaleX || 1), translateY = (currentRect.top - toRect.top) / (scaleY || 1); target.animatingX = !!translateX; target.animatingY = !!translateY; css(target, \"transform\", \"translate3d(\" + translateX + \"px,\" + translateY + \"px,0)\"); this.forRepaintDummy = repaint(target); css(target, \"transition\", \"transform \" + duration + \"ms\" + (this.options.easing ? \" \" + this.options.easing : \"\")); css(target, \"transform\", \"translate3d(0,0,0)\"); typeof target.animated === \"number\" &amp;&amp; clearTimeout(target.animated); target.animated = setTimeout(function() { css(target, \"transition\", \"\"); css(target, \"transform\", \"\"); target.animated = false; target.animatingX = false; target.animatingY = false; }, duration); } } }; } function repaint(target) { return target.offsetWidth; } function calculateRealTime(animatingRect, fromRect, toRect, options) { return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation; } var plugins = []; var defaults = { initializeByDefault: true }; var PluginManager = { mount: function mount(plugin) { for (var option2 in defaults) { if (defaults.hasOwnProperty(option2) &amp;&amp; !(option2 in plugin)) { plugin[option2] = defaults[option2]; } } plugins.forEach(function(p) { if (p.pluginName === plugin.pluginName) { throw \"Sortable: Cannot mount plugin \".concat(plugin.pluginName, \" more than once\"); } }); plugins.push(plugin); }, pluginEvent: function pluginEvent(eventName, sortable, evt) { var _this = this; this.eventCanceled = false; evt.cancel = function() { _this.eventCanceled = true; }; var eventNameGlobal = eventName + \"Global\"; plugins.forEach(function(plugin) { if (!sortable[plugin.pluginName]) return; if (sortable[plugin.pluginName][eventNameGlobal]) { sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({ sortable }, evt)); } if (sortable.options[plugin.pluginName] &amp;&amp; sortable[plugin.pluginName][eventName]) { sortable[plugin.pluginName][eventName](_objectSpread2({ sortable }, evt)); } }); }, initializePlugins: function initializePlugins(sortable, el, defaults2, options) { plugins.forEach(function(plugin) { var pluginName = plugin.pluginName; if (!sortable.options[pluginName] &amp;&amp; !plugin.initializeByDefault) return; var initialized = new plugin(sortable, el, sortable.options); initialized.sortable = sortable; initialized.options = sortable.options; sortable[pluginName] = initialized; _extends(defaults2, initialized.defaults); }); for (var option2 in sortable.options) { if (!sortable.options.hasOwnProperty(option2)) continue; var modified = this.modifyOption(sortable, option2, sortable.options[option2]); if (typeof modified !== \"undefined\") { sortable.options[option2] = modified; } } }, getEventProperties: function getEventProperties(name, sortable) { var eventProperties = {}; plugins.forEach(function(plugin) { if (typeof plugin.eventProperties !== \"function\") return; _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name)); }); return eventProperties; }, modifyOption: function modifyOption(sortable, name, value) { var modifiedValue; plugins.forEach(function(plugin) { if (!sortable[plugin.pluginName]) return; if (plugin.optionListeners &amp;&amp; typeof plugin.optionListeners[name] === \"function\") { modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value); } }); return modifiedValue; } }; function dispatchEvent(_ref) { var sortable = _ref.sortable, rootEl2 = _ref.rootEl, name = _ref.name, targetEl = _ref.targetEl, cloneEl2 = _ref.cloneEl, toEl = _ref.toEl, fromEl = _ref.fromEl, oldIndex2 = _ref.oldIndex, newIndex2 = _ref.newIndex, oldDraggableIndex2 = _ref.oldDraggableIndex, newDraggableIndex2 = _ref.newDraggableIndex, originalEvent = _ref.originalEvent, putSortable2 = _ref.putSortable, extraEventProperties = _ref.extraEventProperties; sortable = sortable || rootEl2 &amp;&amp; rootEl2[expando]; if (!sortable) return; var evt, options = sortable.options, onName = \"on\" + name.charAt(0).toUpperCase() + name.substr(1); if (window.CustomEvent &amp;&amp; !IE11OrLess &amp;&amp; !Edge) { evt = new CustomEvent(name, { bubbles: true, cancelable: true }); } else { evt = document.createEvent(\"Event\"); evt.initEvent(name, true, true); } evt.to = toEl || rootEl2; evt.from = fromEl || rootEl2; evt.item = targetEl || rootEl2; evt.clone = cloneEl2; evt.oldIndex = oldIndex2; evt.newIndex = newIndex2; evt.oldDraggableIndex = oldDraggableIndex2; evt.newDraggableIndex = newDraggableIndex2; evt.originalEvent = originalEvent; evt.pullMode = putSortable2 ? putSortable2.lastPutMode : void 0; var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable)); for (var option2 in allEventProperties) { evt[option2] = allEventProperties[option2]; } if (rootEl2) { rootEl2.dispatchEvent(evt); } if (options[onName]) { options[onName].call(sortable, evt); } } var _excluded = [\"evt\"]; var pluginEvent2 = function pluginEvent3(eventName, sortable) { var _ref = arguments.length &gt; 2 &amp;&amp; arguments[2] !== void 0 ? arguments[2] : {}, originalEvent = _ref.evt, data = _objectWithoutProperties(_ref, _excluded); PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({ dragEl, parentEl, ghostEl, rootEl, nextEl, lastDownEl, cloneEl, cloneHidden, dragStarted: moved, putSortable, activeSortable: Sortable.active, originalEvent, oldIndex, oldDraggableIndex, newIndex, newDraggableIndex, hideGhostForTarget: _hideGhostForTarget, unhideGhostForTarget: _unhideGhostForTarget, cloneNowHidden: function cloneNowHidden() { cloneHidden = true; }, cloneNowShown: function cloneNowShown() { cloneHidden = false; }, dispatchSortableEvent: function dispatchSortableEvent(name) { _dispatchEvent({ sortable, name, originalEvent }); } }, data)); }; function _dispatchEvent(info) { dispatchEvent(_objectSpread2({ putSortable, cloneEl, targetEl: dragEl, rootEl, oldIndex, oldDraggableIndex, newIndex, newDraggableIndex }, info)); } var dragEl, parentEl, ghostEl, rootEl, nextEl, lastDownEl, cloneEl, cloneHidden, oldIndex, newIndex, oldDraggableIndex, newDraggableIndex, activeGroup, putSortable, awaitingDragStarted = false, ignoreNextClick = false, sortables = [], tapEvt, touchEvt, lastDx, lastDy, tapDistanceLeft, tapDistanceTop, moved, lastTarget, lastDirection, pastFirstInvertThresh = false, isCircumstantialInvert = false, targetMoveDistance, ghostRelativeParent, ghostRelativeParentInitialScroll = [], _silent = false, savedInputChecked = []; var documentExists = typeof document !== \"undefined\", PositionGhostAbsolutely = IOS, CSSFloatProperty = Edge || IE11OrLess ? \"cssFloat\" : \"float\", supportDraggable = documentExists &amp;&amp; !ChromeForAndroid &amp;&amp; !IOS &amp;&amp; \"draggable\" in document.createElement(\"div\"), supportCssPointerEvents = function() { if (!documentExists) return; if (IE11OrLess) { return false; } var el = document.createElement(\"x\"); el.style.cssText = \"pointer-events:auto\"; return el.style.pointerEvents === \"auto\"; }(), _detectDirection = function _detectDirection2(el, options) { var elCSS = css(el), elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth), child1 = getChild(el, 0, options), child2 = getChild(el, 1, options), firstChildCSS = child1 &amp;&amp; css(child1), secondChildCSS = child2 &amp;&amp; css(child2), firstChildWidth = firstChildCSS &amp;&amp; parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width, secondChildWidth = secondChildCSS &amp;&amp; parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width; if (elCSS.display === \"flex\") { return elCSS.flexDirection === \"column\" || elCSS.flexDirection === \"column-reverse\" ? \"vertical\" : \"horizontal\"; } if (elCSS.display === \"grid\") { return elCSS.gridTemplateColumns.split(\" \").length &lt;= 1 ? \"vertical\" : \"horizontal\"; } if (child1 &amp;&amp; firstChildCSS[\"float\"] &amp;&amp; firstChildCSS[\"float\"] !== \"none\") { var touchingSideChild2 = firstChildCSS[\"float\"] === \"left\" ? \"left\" : \"right\"; return child2 &amp;&amp; (secondChildCSS.clear === \"both\" || secondChildCSS.clear === touchingSideChild2) ? \"vertical\" : \"horizontal\"; } return child1 &amp;&amp; (firstChildCSS.display === \"block\" || firstChildCSS.display === \"flex\" || firstChildCSS.display === \"table\" || firstChildCSS.display === \"grid\" || firstChildWidth &gt;= elWidth &amp;&amp; elCSS[CSSFloatProperty] === \"none\" || child2 &amp;&amp; elCSS[CSSFloatProperty] === \"none\" &amp;&amp; firstChildWidth + secondChildWidth &gt; elWidth) ? \"vertical\" : \"horizontal\"; }, _dragElInRowColumn = function _dragElInRowColumn2(dragRect, targetRect, vertical) { var dragElS1Opp = vertical ? dragRect.left : dragRect.top, dragElS2Opp = vertical ? dragRect.right : dragRect.bottom, dragElOppLength = vertical ? dragRect.width : dragRect.height, targetS1Opp = vertical ? targetRect.left : targetRect.top, targetS2Opp = vertical ? targetRect.right : targetRect.bottom, targetOppLength = vertical ? targetRect.width : targetRect.height; return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2; }, _detectNearestEmptySortable = function _detectNearestEmptySortable2(x, y) { var ret; sortables.some(function(sortable) { var threshold = sortable[expando].options.emptyInsertThreshold; if (!threshold || lastChild(sortable)) return; var rect = getRect(sortable), insideHorizontally = x &gt;= rect.left - threshold &amp;&amp; x &lt;= rect.right + threshold, insideVertically = y &gt;= rect.top - threshold &amp;&amp; y &lt;= rect.bottom + threshold; if (insideHorizontally &amp;&amp; insideVertically) { return ret = sortable; } }); return ret; }, _prepareGroup = function _prepareGroup2(options) { function toFn(value, pull) { return function(to, from, dragEl2, evt) { var sameGroup = to.options.group.name &amp;&amp; from.options.group.name &amp;&amp; to.options.group.name === from.options.group.name; if (value == null &amp;&amp; (pull || sameGroup)) { return true; } else if (value == null || value === false) { return false; } else if (pull &amp;&amp; value === \"clone\") { return value; } else if (typeof value === \"function\") { return toFn(value(to, from, dragEl2, evt), pull)(to, from, dragEl2, evt); } else { var otherGroup = (pull ? to : from).options.group.name; return value === true || typeof value === \"string\" &amp;&amp; value === otherGroup || value.join &amp;&amp; value.indexOf(otherGroup) &gt; -1; } }; } var group = {}; var originalGroup = options.group; if (!originalGroup || _typeof(originalGroup) != \"object\") { originalGroup = { name: originalGroup }; } group.name = originalGroup.name; group.checkPull = toFn(originalGroup.pull, true); group.checkPut = toFn(originalGroup.put); group.revertClone = originalGroup.revertClone; options.group = group; }, _hideGhostForTarget = function _hideGhostForTarget2() { if (!supportCssPointerEvents &amp;&amp; ghostEl) { css(ghostEl, \"display\", \"none\"); } }, _unhideGhostForTarget = function _unhideGhostForTarget2() { if (!supportCssPointerEvents &amp;&amp; ghostEl) { css(ghostEl, \"display\", \"\"); } }; if (documentExists) { document.addEventListener(\"click\", function(evt) { if (ignoreNextClick) { evt.preventDefault(); evt.stopPropagation &amp;&amp; evt.stopPropagation(); evt.stopImmediatePropagation &amp;&amp; evt.stopImmediatePropagation(); ignoreNextClick = false; return false; } }, true); } var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent2(evt) { if (dragEl) { evt = evt.touches ? evt.touches[0] : evt; var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY); if (nearest) { var event = {}; for (var i in evt) { if (evt.hasOwnProperty(i)) { event[i] = evt[i]; } } event.target = event.rootEl = nearest; event.preventDefault = void 0; event.stopPropagation = void 0; nearest[expando]._onDragOver(event); } } }; var _checkOutsideTargetEl = function _checkOutsideTargetEl2(evt) { if (dragEl) { dragEl.parentNode[expando]._isOutsideThisEl(evt.target); } }; function Sortable(el, options) { if (!(el &amp;&amp; el.nodeType &amp;&amp; el.nodeType === 1)) { throw \"Sortable: `el` must be an HTMLElement, not \".concat({}.toString.call(el)); } this.el = el; this.options = options = _extends({}, options); el[expando] = this; var defaults2 = { group: null, sort: true, disabled: false, store: null, handle: null, draggable: /^[uo]l$/i.test(el.nodeName) ? \"&gt;li\" : \"&gt;*\", swapThreshold: 1, invertSwap: false, invertedSwapThreshold: null, removeCloneOnHide: true, direction: function direction() { return _detectDirection(el, this.options); }, ghostClass: \"sortable-ghost\", chosenClass: \"sortable-chosen\", dragClass: \"sortable-drag\", ignore: \"a, img\", filter: null, preventOnFilter: true, animation: 0, easing: null, setData: function setData(dataTransfer, dragEl2) { dataTransfer.setData(\"Text\", dragEl2.textContent); }, dropBubble: false, dragoverBubble: false, dataIdAttr: \"data-id\", delay: 0, delayOnTouchOnly: false, touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1, forceFallback: false, fallbackClass: \"sortable-fallback\", fallbackOnBody: false, fallbackTolerance: 0, fallbackOffset: { x: 0, y: 0 }, supportPointer: Sortable.supportPointer !== false &amp;&amp; \"PointerEvent\" in window &amp;&amp; !Safari, emptyInsertThreshold: 5 }; PluginManager.initializePlugins(this, el, defaults2); for (var name in defaults2) { !(name in options) &amp;&amp; (options[name] = defaults2[name]); } _prepareGroup(options); for (var fn in this) { if (fn.charAt(0) === \"_\" &amp;&amp; typeof this[fn] === \"function\") { this[fn] = this[fn].bind(this); } } this.nativeDraggable = options.forceFallback ? false : supportDraggable; if (this.nativeDraggable) { this.options.touchStartThreshold = 1; } if (options.supportPointer) { on(el, \"pointerdown\", this._onTapStart); } else { on(el, \"mousedown\", this._onTapStart); on(el, \"touchstart\", this._onTapStart); } if (this.nativeDraggable) { on(el, \"dragover\", this); on(el, \"dragenter\", this); } sortables.push(this.el); options.store &amp;&amp; options.store.get &amp;&amp; this.sort(options.store.get(this) || []); _extends(this, AnimationStateManager()); } Sortable.prototype = { constructor: Sortable, _isOutsideThisEl: function _isOutsideThisEl(target) { if (!this.el.contains(target) &amp;&amp; target !== this.el) { lastTarget = null; } }, _getDirection: function _getDirection(evt, target) { return typeof this.options.direction === \"function\" ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction; }, _onTapStart: function _onTapStart(evt) { if (!evt.cancelable) return; var _this = this, el = this.el, options = this.options, preventOnFilter = options.preventOnFilter, type = evt.type, touch = evt.touches &amp;&amp; evt.touches[0] || evt.pointerType &amp;&amp; evt.pointerType === \"touch\" &amp;&amp; evt, target = (touch || evt).target, originalTarget = evt.target.shadowRoot &amp;&amp; (evt.path &amp;&amp; evt.path[0] || evt.composedPath &amp;&amp; evt.composedPath()[0]) || target, filter = options.filter; _saveInputCheckedState(el); if (dragEl) { return; } if (/mousedown|pointerdown/.test(type) &amp;&amp; evt.button !== 0 || options.disabled) { return; } if (originalTarget.isContentEditable) { return; } if (!this.nativeDraggable &amp;&amp; Safari &amp;&amp; target &amp;&amp; target.tagName.toUpperCase() === \"SELECT\") { return; } target = closest(target, options.draggable, el, false); if (target &amp;&amp; target.animated) { return; } if (lastDownEl === target) { return; } oldIndex = index(target); oldDraggableIndex = index(target, options.draggable); if (typeof filter === \"function\") { if (filter.call(this, evt, target, this)) { _dispatchEvent({ sortable: _this, rootEl: originalTarget, name: \"filter\", targetEl: target, toEl: el, fromEl: el }); pluginEvent2(\"filter\", _this, { evt }); preventOnFilter &amp;&amp; evt.cancelable &amp;&amp; evt.preventDefault(); return; } } else if (filter) { filter = filter.split(\",\").some(function(criteria) { criteria = closest(originalTarget, criteria.trim(), el, false); if (criteria) { _dispatchEvent({ sortable: _this, rootEl: criteria, name: \"filter\", targetEl: target, fromEl: el, toEl: el }); pluginEvent2(\"filter\", _this, { evt }); return true; } }); if (filter) { preventOnFilter &amp;&amp; evt.cancelable &amp;&amp; evt.preventDefault(); return; } } if (options.handle &amp;&amp; !closest(originalTarget, options.handle, el, false)) { return; } this._prepareDragStart(evt, touch, target); }, _prepareDragStart: function _prepareDragStart(evt, touch, target) { var _this = this, el = _this.el, options = _this.options, ownerDocument = el.ownerDocument, dragStartFn; if (target &amp;&amp; !dragEl &amp;&amp; target.parentNode === el) { var dragRect = getRect(target); rootEl = el; dragEl = target; parentEl = dragEl.parentNode; nextEl = dragEl.nextSibling; lastDownEl = target; activeGroup = options.group; Sortable.dragged = dragEl; tapEvt = { target: dragEl, clientX: (touch || evt).clientX, clientY: (touch || evt).clientY }; tapDistanceLeft = tapEvt.clientX - dragRect.left; tapDistanceTop = tapEvt.clientY - dragRect.top; this._lastX = (touch || evt).clientX; this._lastY = (touch || evt).clientY; dragEl.style[\"will-change\"] = \"all\"; dragStartFn = function dragStartFn2() { pluginEvent2(\"delayEnded\", _this, { evt }); if (Sortable.eventCanceled) { _this._onDrop(); return; } _this._disableDelayedDragEvents(); if (!FireFox &amp;&amp; _this.nativeDraggable) { dragEl.draggable = true; } _this._triggerDragStart(evt, touch); _dispatchEvent({ sortable: _this, name: \"choose\", originalEvent: evt }); toggleClass(dragEl, options.chosenClass, true); }; options.ignore.split(\",\").forEach(function(criteria) { find(dragEl, criteria.trim(), _disableDraggable); }); on(ownerDocument, \"dragover\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"mousemove\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"touchmove\", nearestEmptyInsertDetectEvent); on(ownerDocument, \"mouseup\", _this._onDrop); on(ownerDocument, \"touchend\", _this._onDrop); on(ownerDocument, \"touchcancel\", _this._onDrop); if (FireFox &amp;&amp; this.nativeDraggable) { this.options.touchStartThreshold = 4; dragEl.draggable = true; } pluginEvent2(\"delayStart\", this, { evt }); if (options.delay &amp;&amp; (!options.delayOnTouchOnly || touch) &amp;&amp; (!this.nativeDraggable || !(Edge || IE11OrLess))) { if (Sortable.eventCanceled) { this._onDrop(); return; } on(ownerDocument, \"mouseup\", _this._disableDelayedDrag); on(ownerDocument, \"touchend\", _this._disableDelayedDrag); on(ownerDocument, \"touchcancel\", _this._disableDelayedDrag); on(ownerDocument, \"mousemove\", _this._delayedDragTouchMoveHandler); on(ownerDocument, \"touchmove\", _this._delayedDragTouchMoveHandler); options.supportPointer &amp;&amp; on(ownerDocument, \"pointermove\", _this._delayedDragTouchMoveHandler); _this._dragStartTimer = setTimeout(dragStartFn, options.delay); } else { dragStartFn(); } } }, _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(e) { var touch = e.touches ? e.touches[0] : e; if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) &gt;= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable &amp;&amp; window.devicePixelRatio || 1))) { this._disableDelayedDrag(); } }, _disableDelayedDrag: function _disableDelayedDrag() { dragEl &amp;&amp; _disableDraggable(dragEl); clearTimeout(this._dragStartTimer); this._disableDelayedDragEvents(); }, _disableDelayedDragEvents: function _disableDelayedDragEvents() { var ownerDocument = this.el.ownerDocument; off(ownerDocument, \"mouseup\", this._disableDelayedDrag); off(ownerDocument, \"touchend\", this._disableDelayedDrag); off(ownerDocument, \"touchcancel\", this._disableDelayedDrag); off(ownerDocument, \"mousemove\", this._delayedDragTouchMoveHandler); off(ownerDocument, \"touchmove\", this._delayedDragTouchMoveHandler); off(ownerDocument, \"pointermove\", this._delayedDragTouchMoveHandler); }, _triggerDragStart: function _triggerDragStart(evt, touch) { touch = touch || evt.pointerType == \"touch\" &amp;&amp; evt; if (!this.nativeDraggable || touch) { if (this.options.supportPointer) { on(document, \"pointermove\", this._onTouchMove); } else if (touch) { on(document, \"touchmove\", this._onTouchMove); } else { on(document, \"mousemove\", this._onTouchMove); } } else { on(dragEl, \"dragend\", this); on(rootEl, \"dragstart\", this._onDragStart); } try { if (document.selection) { _nextTick(function() { document.selection.empty(); }); } else { window.getSelection().removeAllRanges(); } } catch (err) { } }, _dragStarted: function _dragStarted(fallback, evt) { awaitingDragStarted = false; if (rootEl &amp;&amp; dragEl) { pluginEvent2(\"dragStarted\", this, { evt }); if (this.nativeDraggable) { on(document, \"dragover\", _checkOutsideTargetEl); } var options = this.options; !fallback &amp;&amp; toggleClass(dragEl, options.dragClass, false); toggleClass(dragEl, options.ghostClass, true); Sortable.active = this; fallback &amp;&amp; this._appendGhost(); _dispatchEvent({ sortable: this, name: \"start\", originalEvent: evt }); } else { this._nulling(); } }, _emulateDragOver: function _emulateDragOver() { if (touchEvt) { this._lastX = touchEvt.clientX; this._lastY = touchEvt.clientY; _hideGhostForTarget(); var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY); var parent = target; while (target &amp;&amp; target.shadowRoot) { target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY); if (target === parent) break; parent = target; } dragEl.parentNode[expando]._isOutsideThisEl(target); if (parent) { do { if (parent[expando]) { var inserted = void 0; inserted = parent[expando]._onDragOver({ clientX: touchEvt.clientX, clientY: touchEvt.clientY, target, rootEl: parent }); if (inserted &amp;&amp; !this.options.dragoverBubble) { break; } } target = parent; } while (parent = parent.parentNode); } _unhideGhostForTarget(); } }, _onTouchMove: function _onTouchMove(evt) { if (tapEvt) { var options = this.options, fallbackTolerance = options.fallbackTolerance, fallbackOffset = options.fallbackOffset, touch = evt.touches ? evt.touches[0] : evt, ghostMatrix = ghostEl &amp;&amp; matrix(ghostEl, true), scaleX = ghostEl &amp;&amp; ghostMatrix &amp;&amp; ghostMatrix.a, scaleY = ghostEl &amp;&amp; ghostMatrix &amp;&amp; ghostMatrix.d, relativeScrollOffset = PositionGhostAbsolutely &amp;&amp; ghostRelativeParent &amp;&amp; getRelativeScrollOffset(ghostRelativeParent), dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1), dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); if (!Sortable.active &amp;&amp; !awaitingDragStarted) { if (fallbackTolerance &amp;&amp; Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) &lt; fallbackTolerance) { return; } this._onDragStart(evt, true); } if (ghostEl) { if (ghostMatrix) { ghostMatrix.e += dx - (lastDx || 0); ghostMatrix.f += dy - (lastDy || 0); } else { ghostMatrix = { a: 1, b: 0, c: 0, d: 1, e: dx, f: dy }; } var cssMatrix = \"matrix(\".concat(ghostMatrix.a, \",\").concat(ghostMatrix.b, \",\").concat(ghostMatrix.c, \",\").concat(ghostMatrix.d, \",\").concat(ghostMatrix.e, \",\").concat(ghostMatrix.f, \")\"); css(ghostEl, \"webkitTransform\", cssMatrix); css(ghostEl, \"mozTransform\", cssMatrix); css(ghostEl, \"msTransform\", cssMatrix); css(ghostEl, \"transform\", cssMatrix); lastDx = dx; lastDy = dy; touchEvt = touch; } evt.cancelable &amp;&amp; evt.preventDefault(); } }, _appendGhost: function _appendGhost() { if (!ghostEl) { var container = this.options.fallbackOnBody ? document.body : rootEl, rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container), options = this.options; if (PositionGhostAbsolutely) { ghostRelativeParent = container; while (css(ghostRelativeParent, \"position\") === \"static\" &amp;&amp; css(ghostRelativeParent, \"transform\") === \"none\" &amp;&amp; ghostRelativeParent !== document) { ghostRelativeParent = ghostRelativeParent.parentNode; } if (ghostRelativeParent !== document.body &amp;&amp; ghostRelativeParent !== document.documentElement) { if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement(); rect.top += ghostRelativeParent.scrollTop; rect.left += ghostRelativeParent.scrollLeft; } else { ghostRelativeParent = getWindowScrollingElement(); } ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent); } ghostEl = dragEl.cloneNode(true); toggleClass(ghostEl, options.ghostClass, false); toggleClass(ghostEl, options.fallbackClass, true); toggleClass(ghostEl, options.dragClass, true); css(ghostEl, \"transition\", \"\"); css(ghostEl, \"transform\", \"\"); css(ghostEl, \"box-sizing\", \"border-box\"); css(ghostEl, \"margin\", 0); css(ghostEl, \"top\", rect.top); css(ghostEl, \"left\", rect.left); css(ghostEl, \"width\", rect.width); css(ghostEl, \"height\", rect.height); css(ghostEl, \"opacity\", \"0.8\"); css(ghostEl, \"position\", PositionGhostAbsolutely ? \"absolute\" : \"fixed\"); css(ghostEl, \"zIndex\", \"100000\"); css(ghostEl, \"pointerEvents\", \"none\"); Sortable.ghost = ghostEl; container.appendChild(ghostEl); css(ghostEl, \"transform-origin\", tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + \"% \" + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + \"%\"); } }, _onDragStart: function _onDragStart(evt, fallback) { var _this = this; var dataTransfer = evt.dataTransfer; var options = _this.options; pluginEvent2(\"dragStart\", this, { evt }); if (Sortable.eventCanceled) { this._onDrop(); return; } pluginEvent2(\"setupClone\", this); if (!Sortable.eventCanceled) { cloneEl = clone(dragEl); cloneEl.draggable = false; cloneEl.style[\"will-change\"] = \"\"; this._hideClone(); toggleClass(cloneEl, this.options.chosenClass, false); Sortable.clone = cloneEl; } _this.cloneId = _nextTick(function() { pluginEvent2(\"clone\", _this); if (Sortable.eventCanceled) return; if (!_this.options.removeCloneOnHide) { rootEl.insertBefore(cloneEl, dragEl); } _this._hideClone(); _dispatchEvent({ sortable: _this, name: \"clone\" }); }); !fallback &amp;&amp; toggleClass(dragEl, options.dragClass, true); if (fallback) { ignoreNextClick = true; _this._loopId = setInterval(_this._emulateDragOver, 50); } else { off(document, \"mouseup\", _this._onDrop); off(document, \"touchend\", _this._onDrop); off(document, \"touchcancel\", _this._onDrop); if (dataTransfer) { dataTransfer.effectAllowed = \"move\"; options.setData &amp;&amp; options.setData.call(_this, dataTransfer, dragEl); } on(document, \"drop\", _this); css(dragEl, \"transform\", \"translateZ(0)\"); } awaitingDragStarted = true; _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt)); on(document, \"selectstart\", _this); moved = true; if (Safari) { css(document.body, \"user-select\", \"none\"); } }, _onDragOver: function _onDragOver(evt) { var el = this.el, target = evt.target, dragRect, targetRect, revert, options = this.options, group = options.group, activeSortable = Sortable.active, isOwner = activeGroup === group, canSort = options.sort, fromSortable = putSortable || activeSortable, vertical, _this = this, completedFired = false; if (_silent) return; function dragOverEvent(name, extra) { pluginEvent2(name, _this, _objectSpread2({ evt, isOwner, axis: vertical ? \"vertical\" : \"horizontal\", revert, dragRect, targetRect, canSort, fromSortable, target, completed, onMove: function onMove(target2, after2) { return _onMove(rootEl, el, dragEl, dragRect, target2, getRect(target2), evt, after2); }, changed }, extra)); } function capture() { dragOverEvent(\"dragOverAnimationCapture\"); _this.captureAnimationState(); if (_this !== fromSortable) { fromSortable.captureAnimationState(); } } function completed(insertion) { dragOverEvent(\"dragOverCompleted\", { insertion }); if (insertion) { if (isOwner) { activeSortable._hideClone(); } else { activeSortable._showClone(_this); } if (_this !== fromSortable) { toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false); toggleClass(dragEl, options.ghostClass, true); } if (putSortable !== _this &amp;&amp; _this !== Sortable.active) { putSortable = _this; } else if (_this === Sortable.active &amp;&amp; putSortable) { putSortable = null; } if (fromSortable === _this) { _this._ignoreWhileAnimating = target; } _this.animateAll(function() { dragOverEvent(\"dragOverAnimationComplete\"); _this._ignoreWhileAnimating = null; }); if (_this !== fromSortable) { fromSortable.animateAll(); fromSortable._ignoreWhileAnimating = null; } } if (target === dragEl &amp;&amp; !dragEl.animated || target === el &amp;&amp; !target.animated) { lastTarget = null; } if (!options.dragoverBubble &amp;&amp; !evt.rootEl &amp;&amp; target !== document) { dragEl.parentNode[expando]._isOutsideThisEl(evt.target); !insertion &amp;&amp; nearestEmptyInsertDetectEvent(evt); } !options.dragoverBubble &amp;&amp; evt.stopPropagation &amp;&amp; evt.stopPropagation(); return completedFired = true; } function changed() { newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); _dispatchEvent({ sortable: _this, name: \"change\", toEl: el, newIndex, newDraggableIndex, originalEvent: evt }); } if (evt.preventDefault !== void 0) { evt.cancelable &amp;&amp; evt.preventDefault(); } target = closest(target, options.draggable, el, true); dragOverEvent(\"dragOver\"); if (Sortable.eventCanceled) return completedFired; if (dragEl.contains(evt.target) || target.animated &amp;&amp; target.animatingX &amp;&amp; target.animatingY || _this._ignoreWhileAnimating === target) { return completed(false); } ignoreNextClick = false; if (activeSortable &amp;&amp; !options.disabled &amp;&amp; (isOwner ? canSort || (revert = parentEl !== rootEl) : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) &amp;&amp; group.checkPut(this, activeSortable, dragEl, evt))) { vertical = this._getDirection(evt, target) === \"vertical\"; dragRect = getRect(dragEl); dragOverEvent(\"dragOverValid\"); if (Sortable.eventCanceled) return completedFired; if (revert) { parentEl = rootEl; capture(); this._hideClone(); dragOverEvent(\"revert\"); if (!Sortable.eventCanceled) { if (nextEl) { rootEl.insertBefore(dragEl, nextEl); } else { rootEl.appendChild(dragEl); } } return completed(true); } var elLastChild = lastChild(el, options.draggable); if (!elLastChild || _ghostIsLast(evt, vertical, this) &amp;&amp; !elLastChild.animated) { if (elLastChild === dragEl) { return completed(false); } if (elLastChild &amp;&amp; el === evt.target) { target = elLastChild; } if (target) { targetRect = getRect(target); } if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) { capture(); el.appendChild(dragEl); parentEl = el; changed(); return completed(true); } } else if (elLastChild &amp;&amp; _ghostIsFirst(evt, vertical, this)) { var firstChild = getChild(el, 0, options, true); if (firstChild === dragEl) { return completed(false); } target = firstChild; targetRect = getRect(target); if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) { capture(); el.insertBefore(dragEl, firstChild); parentEl = el; changed(); return completed(true); } } else if (target.parentNode === el) { targetRect = getRect(target); var direction = 0, targetBeforeFirstSwap, differentLevel = dragEl.parentNode !== el, differentRowCol = !_dragElInRowColumn(dragEl.animated &amp;&amp; dragEl.toRect || dragRect, target.animated &amp;&amp; target.toRect || targetRect, vertical), side1 = vertical ? \"top\" : \"left\", scrolledPastTop = isScrolledPast(target, \"top\", \"top\") || isScrolledPast(dragEl, \"top\", \"top\"), scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0; if (lastTarget !== target) { targetBeforeFirstSwap = targetRect[side1]; pastFirstInvertThresh = false; isCircumstantialInvert = !differentRowCol &amp;&amp; options.invertSwap || differentLevel; } direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target); var sibling; if (direction !== 0) { var dragIndex = index(dragEl); do { dragIndex -= direction; sibling = parentEl.children[dragIndex]; } while (sibling &amp;&amp; (css(sibling, \"display\") === \"none\" || sibling === ghostEl)); } if (direction === 0 || sibling === target) { return completed(false); } lastTarget = target; lastDirection = direction; var nextSibling = target.nextElementSibling, after = false; after = direction === 1; var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after); if (moveVector !== false) { if (moveVector === 1 || moveVector === -1) { after = moveVector === 1; } _silent = true; setTimeout(_unsilent, 30); capture(); if (after &amp;&amp; !nextSibling) { el.appendChild(dragEl); } else { target.parentNode.insertBefore(dragEl, after ? nextSibling : target); } if (scrolledPastTop) { scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop); } parentEl = dragEl.parentNode; if (targetBeforeFirstSwap !== void 0 &amp;&amp; !isCircumstantialInvert) { targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]); } changed(); return completed(true); } } if (el.contains(dragEl)) { return completed(false); } } return false; }, _ignoreWhileAnimating: null, _offMoveEvents: function _offMoveEvents() { off(document, \"mousemove\", this._onTouchMove); off(document, \"touchmove\", this._onTouchMove); off(document, \"pointermove\", this._onTouchMove); off(document, \"dragover\", nearestEmptyInsertDetectEvent); off(document, \"mousemove\", nearestEmptyInsertDetectEvent); off(document, \"touchmove\", nearestEmptyInsertDetectEvent); }, _offUpEvents: function _offUpEvents() { var ownerDocument = this.el.ownerDocument; off(ownerDocument, \"mouseup\", this._onDrop); off(ownerDocument, \"touchend\", this._onDrop); off(ownerDocument, \"pointerup\", this._onDrop); off(ownerDocument, \"touchcancel\", this._onDrop); off(document, \"selectstart\", this); }, _onDrop: function _onDrop(evt) { var el = this.el, options = this.options; newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); pluginEvent2(\"drop\", this, { evt }); parentEl = dragEl &amp;&amp; dragEl.parentNode; newIndex = index(dragEl); newDraggableIndex = index(dragEl, options.draggable); if (Sortable.eventCanceled) { this._nulling(); return; } awaitingDragStarted = false; isCircumstantialInvert = false; pastFirstInvertThresh = false; clearInterval(this._loopId); clearTimeout(this._dragStartTimer); _cancelNextTick(this.cloneId); _cancelNextTick(this._dragStartId); if (this.nativeDraggable) { off(document, \"drop\", this); off(el, \"dragstart\", this._onDragStart); } this._offMoveEvents(); this._offUpEvents(); if (Safari) { css(document.body, \"user-select\", \"\"); } css(dragEl, \"transform\", \"\"); if (evt) { if (moved) { evt.cancelable &amp;&amp; evt.preventDefault(); !options.dropBubble &amp;&amp; evt.stopPropagation(); } ghostEl &amp;&amp; ghostEl.parentNode &amp;&amp; ghostEl.parentNode.removeChild(ghostEl); if (rootEl === parentEl || putSortable &amp;&amp; putSortable.lastPutMode !== \"clone\") { cloneEl &amp;&amp; cloneEl.parentNode &amp;&amp; cloneEl.parentNode.removeChild(cloneEl); } if (dragEl) { if (this.nativeDraggable) { off(dragEl, \"dragend\", this); } _disableDraggable(dragEl); dragEl.style[\"will-change\"] = \"\"; if (moved &amp;&amp; !awaitingDragStarted) { toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false); } toggleClass(dragEl, this.options.chosenClass, false); _dispatchEvent({ sortable: this, name: \"unchoose\", toEl: parentEl, newIndex: null, newDraggableIndex: null, originalEvent: evt }); if (rootEl !== parentEl) { if (newIndex &gt;= 0) { _dispatchEvent({ rootEl: parentEl, name: \"add\", toEl: parentEl, fromEl: rootEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"remove\", toEl: parentEl, originalEvent: evt }); _dispatchEvent({ rootEl: parentEl, name: \"sort\", toEl: parentEl, fromEl: rootEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"sort\", toEl: parentEl, originalEvent: evt }); } putSortable &amp;&amp; putSortable.save(); } else { if (newIndex !== oldIndex) { if (newIndex &gt;= 0) { _dispatchEvent({ sortable: this, name: \"update\", toEl: parentEl, originalEvent: evt }); _dispatchEvent({ sortable: this, name: \"sort\", toEl: parentEl, originalEvent: evt }); } } } if (Sortable.active) { if (newIndex == null || newIndex === -1) { newIndex = oldIndex; newDraggableIndex = oldDraggableIndex; } _dispatchEvent({ sortable: this, name: \"end\", toEl: parentEl, originalEvent: evt }); this.save(); } } } this._nulling(); }, _nulling: function _nulling() { pluginEvent2(\"nulling\", this); rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null; savedInputChecked.forEach(function(el) { el.checked = true; }); savedInputChecked.length = lastDx = lastDy = 0; }, handleEvent: function handleEvent(evt) { switch (evt.type) { case \"drop\": case \"dragend\": this._onDrop(evt); break; case \"dragenter\": case \"dragover\": if (dragEl) { this._onDragOver(evt); _globalDragOver(evt); } break; case \"selectstart\": evt.preventDefault(); break; } }, toArray: function toArray() { var order = [], el, children = this.el.children, i = 0, n = children.length, options = this.options; for (; i &lt; n; i++) { el = children[i]; if (closest(el, options.draggable, this.el, false)) { order.push(el.getAttribute(options.dataIdAttr) || _generateId(el)); } } return order; }, sort: function sort(order, useAnimation) { var items = {}, rootEl2 = this.el; this.toArray().forEach(function(id, i) { var el = rootEl2.children[i]; if (closest(el, this.options.draggable, rootEl2, false)) { items[id] = el; } }, this); useAnimation &amp;&amp; this.captureAnimationState(); order.forEach(function(id) { if (items[id]) { rootEl2.removeChild(items[id]); rootEl2.appendChild(items[id]); } }); useAnimation &amp;&amp; this.animateAll(); }, save: function save() { var store = this.options.store; store &amp;&amp; store.set &amp;&amp; store.set(this); }, closest: function closest$1(el, selector) { return closest(el, selector || this.options.draggable, this.el, false); }, option: function option(name, value) { var options = this.options; if (value === void 0) { return options[name]; } else { var modifiedValue = PluginManager.modifyOption(this, name, value); if (typeof modifiedValue !== \"undefined\") { options[name] = modifiedValue; } else { options[name] = value; } if (name === \"group\") { _prepareGroup(options); } } }, destroy: function destroy() { pluginEvent2(\"destroy\", this); var el = this.el; el[expando] = null; off(el, \"mousedown\", this._onTapStart); off(el, \"touchstart\", this._onTapStart); off(el, \"pointerdown\", this._onTapStart); if (this.nativeDraggable) { off(el, \"dragover\", this); off(el, \"dragenter\", this); } Array.prototype.forEach.call(el.querySelectorAll(\"[draggable]\"), function(el2) { el2.removeAttribute(\"draggable\"); }); this._onDrop(); this._disableDelayedDragEvents(); sortables.splice(sortables.indexOf(this.el), 1); this.el = el = null; }, _hideClone: function _hideClone() { if (!cloneHidden) { pluginEvent2(\"hideClone\", this); if (Sortable.eventCanceled) return; css(cloneEl, \"display\", \"none\"); if (this.options.removeCloneOnHide &amp;&amp; cloneEl.parentNode) { cloneEl.parentNode.removeChild(cloneEl); } cloneHidden = true; } }, _showClone: function _showClone(putSortable2) { if (putSortable2.lastPutMode !== \"clone\") { this._hideClone(); return; } if (cloneHidden) { pluginEvent2(\"showClone\", this); if (Sortable.eventCanceled) return; if (dragEl.parentNode == rootEl &amp;&amp; !this.options.group.revertClone) { rootEl.insertBefore(cloneEl, dragEl); } else if (nextEl) { rootEl.insertBefore(cloneEl, nextEl); } else { rootEl.appendChild(cloneEl); } if (this.options.group.revertClone) { this.animate(dragEl, cloneEl); } css(cloneEl, \"display\", \"\"); cloneHidden = false; } } }; function _globalDragOver(evt) { if (evt.dataTransfer) { evt.dataTransfer.dropEffect = \"move\"; } evt.cancelable &amp;&amp; evt.preventDefault(); } function _onMove(fromEl, toEl, dragEl2, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) { var evt, sortable = fromEl[expando], onMoveFn = sortable.options.onMove, retVal; if (window.CustomEvent &amp;&amp; !IE11OrLess &amp;&amp; !Edge) { evt = new CustomEvent(\"move\", { bubbles: true, cancelable: true }); } else { evt = document.createEvent(\"Event\"); evt.initEvent(\"move\", true, true); } evt.to = toEl; evt.from = fromEl; evt.dragged = dragEl2; evt.draggedRect = dragRect; evt.related = targetEl || toEl; evt.relatedRect = targetRect || getRect(toEl); evt.willInsertAfter = willInsertAfter; evt.originalEvent = originalEvent; fromEl.dispatchEvent(evt); if (onMoveFn) { retVal = onMoveFn.call(sortable, evt, originalEvent); } return retVal; } function _disableDraggable(el) { el.draggable = false; } function _unsilent() { _silent = false; } function _ghostIsFirst(evt, vertical, sortable) { var rect = getRect(getChild(sortable.el, 0, sortable.options, true)); var spacer = 10; return vertical ? evt.clientX &lt; rect.left - spacer || evt.clientY &lt; rect.top &amp;&amp; evt.clientX &lt; rect.right : evt.clientY &lt; rect.top - spacer || evt.clientY &lt; rect.bottom &amp;&amp; evt.clientX &lt; rect.left; } function _ghostIsLast(evt, vertical, sortable) { var rect = getRect(lastChild(sortable.el, sortable.options.draggable)); var spacer = 10; return vertical ? evt.clientX &gt; rect.right + spacer || evt.clientX &lt;= rect.right &amp;&amp; evt.clientY &gt; rect.bottom &amp;&amp; evt.clientX &gt;= rect.left : evt.clientX &gt; rect.right &amp;&amp; evt.clientY &gt; rect.top || evt.clientX &lt;= rect.right &amp;&amp; evt.clientY &gt; rect.bottom + spacer; } function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) { var mouseOnAxis = vertical ? evt.clientY : evt.clientX, targetLength = vertical ? targetRect.height : targetRect.width, targetS1 = vertical ? targetRect.top : targetRect.left, targetS2 = vertical ? targetRect.bottom : targetRect.right, invert = false; if (!invertSwap) { if (isLastTarget &amp;&amp; targetMoveDistance &lt; targetLength * swapThreshold) { if (!pastFirstInvertThresh &amp;&amp; (lastDirection === 1 ? mouseOnAxis &gt; targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis &lt; targetS2 - targetLength * invertedSwapThreshold / 2)) { pastFirstInvertThresh = true; } if (!pastFirstInvertThresh) { if (lastDirection === 1 ? mouseOnAxis &lt; targetS1 + targetMoveDistance : mouseOnAxis &gt; targetS2 - targetMoveDistance) { return -lastDirection; } } else { invert = true; } } else { if (mouseOnAxis &gt; targetS1 + targetLength * (1 - swapThreshold) / 2 &amp;&amp; mouseOnAxis &lt; targetS2 - targetLength * (1 - swapThreshold) / 2) { return _getInsertDirection(target); } } } invert = invert || invertSwap; if (invert) { if (mouseOnAxis &lt; targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis &gt; targetS2 - targetLength * invertedSwapThreshold / 2) { return mouseOnAxis &gt; targetS1 + targetLength / 2 ? 1 : -1; } } return 0; } function _getInsertDirection(target) { if (index(dragEl) &lt; index(target)) { return 1; } else { return -1; } } function _generateId(el) { var str = el.tagName + el.className + el.src + el.href + el.textContent, i = str.length, sum = 0; while (i--) { sum += str.charCodeAt(i); } return sum.toString(36); } function _saveInputCheckedState(root) { savedInputChecked.length = 0; var inputs = root.getElementsByTagName(\"input\"); var idx = inputs.length; while (idx--) { var el = inputs[idx]; el.checked &amp;&amp; savedInputChecked.push(el); } } function _nextTick(fn) { return setTimeout(fn, 0); } function _cancelNextTick(id) { return clearTimeout(id); } if (documentExists) { on(document, \"touchmove\", function(evt) { if ((Sortable.active || awaitingDragStarted) &amp;&amp; evt.cancelable) { evt.preventDefault(); } }); } Sortable.utils = { on, off, css, find, is: function is(el, selector) { return !!closest(el, selector, el, false); }, extend, throttle, closest, toggleClass, clone, index, nextTick: _nextTick, cancelNextTick: _cancelNextTick, detectDirection: _detectDirection, getChild }; Sortable.get = function(element) { return element[expando]; }; Sortable.mount = function() { for (var _len = arguments.length, plugins2 = new Array(_len), _key = 0; _key &lt; _len; _key++) { plugins2[_key] = arguments[_key]; } if (plugins2[0].constructor === Array) plugins2 = plugins2[0]; plugins2.forEach(function(plugin) { if (!plugin.prototype || !plugin.prototype.constructor) { throw \"Sortable: Mounted plugin must be a constructor function, not \".concat({}.toString.call(plugin)); } if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils); PluginManager.mount(plugin); }); }; Sortable.create = function(el, options) { return new Sortable(el, options); }; Sortable.version = version; var autoScrolls = [], scrollEl, scrollRootEl, scrolling = false, lastAutoScrollX, lastAutoScrollY, touchEvt$1, pointerElemChangedInterval; function AutoScrollPlugin() { function AutoScroll() { this.defaults = { scroll: true, forceAutoScrollFallback: false, scrollSensitivity: 30, scrollSpeed: 10, bubbleScroll: true }; for (var fn in this) { if (fn.charAt(0) === \"_\" &amp;&amp; typeof this[fn] === \"function\") { this[fn] = this[fn].bind(this); } } } AutoScroll.prototype = { dragStarted: function dragStarted(_ref) { var originalEvent = _ref.originalEvent; if (this.sortable.nativeDraggable) { on(document, \"dragover\", this._handleAutoScroll); } else { if (this.options.supportPointer) { on(document, \"pointermove\", this._handleFallbackAutoScroll); } else if (originalEvent.touches) { on(document, \"touchmove\", this._handleFallbackAutoScroll); } else { on(document, \"mousemove\", this._handleFallbackAutoScroll); } } }, dragOverCompleted: function dragOverCompleted(_ref2) { var originalEvent = _ref2.originalEvent; if (!this.options.dragOverBubble &amp;&amp; !originalEvent.rootEl) { this._handleAutoScroll(originalEvent); } }, drop: function drop3() { if (this.sortable.nativeDraggable) { off(document, \"dragover\", this._handleAutoScroll); } else { off(document, \"pointermove\", this._handleFallbackAutoScroll); off(document, \"touchmove\", this._handleFallbackAutoScroll); off(document, \"mousemove\", this._handleFallbackAutoScroll); } clearPointerElemChangedInterval(); clearAutoScrolls(); cancelThrottle(); }, nulling: function nulling() { touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null; autoScrolls.length = 0; }, _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) { this._handleAutoScroll(evt, true); }, _handleAutoScroll: function _handleAutoScroll(evt, fallback) { var _this = this; var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, elem = document.elementFromPoint(x, y); touchEvt$1 = evt; if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) { autoScroll(evt, this.options, elem, fallback); var ogElemScroller = getParentAutoScrollElement(elem, true); if (scrolling &amp;&amp; (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) { pointerElemChangedInterval &amp;&amp; clearPointerElemChangedInterval(); pointerElemChangedInterval = setInterval(function() { var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true); if (newElem !== ogElemScroller) { ogElemScroller = newElem; clearAutoScrolls(); } autoScroll(evt, _this.options, newElem, fallback); }, 10); lastAutoScrollX = x; lastAutoScrollY = y; } } else { if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) { clearAutoScrolls(); return; } autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false); } } }; return _extends(AutoScroll, { pluginName: \"scroll\", initializeByDefault: true }); } function clearAutoScrolls() { autoScrolls.forEach(function(autoScroll2) { clearInterval(autoScroll2.pid); }); autoScrolls = []; } function clearPointerElemChangedInterval() { clearInterval(pointerElemChangedInterval); } var autoScroll = throttle(function(evt, options, rootEl2, isFallback) { if (!options.scroll) return; var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, sens = options.scrollSensitivity, speed = options.scrollSpeed, winScroller = getWindowScrollingElement(); var scrollThisInstance = false, scrollCustomFn; if (scrollRootEl !== rootEl2) { scrollRootEl = rootEl2; clearAutoScrolls(); scrollEl = options.scroll; scrollCustomFn = options.scrollFn; if (scrollEl === true) { scrollEl = getParentAutoScrollElement(rootEl2, true); } } var layersOut = 0; var currentParent = scrollEl; do { var el = currentParent, rect = getRect(el), top = rect.top, bottom = rect.bottom, left = rect.left, right = rect.right, width = rect.width, height = rect.height, canScrollX = void 0, canScrollY = void 0, scrollWidth = el.scrollWidth, scrollHeight = el.scrollHeight, elCSS = css(el), scrollPosX = el.scrollLeft, scrollPosY = el.scrollTop; if (el === winScroller) { canScrollX = width &lt; scrollWidth &amp;&amp; (elCSS.overflowX === \"auto\" || elCSS.overflowX === \"scroll\" || elCSS.overflowX === \"visible\"); canScrollY = height &lt; scrollHeight &amp;&amp; (elCSS.overflowY === \"auto\" || elCSS.overflowY === \"scroll\" || elCSS.overflowY === \"visible\"); } else { canScrollX = width &lt; scrollWidth &amp;&amp; (elCSS.overflowX === \"auto\" || elCSS.overflowX === \"scroll\"); canScrollY = height &lt; scrollHeight &amp;&amp; (elCSS.overflowY === \"auto\" || elCSS.overflowY === \"scroll\"); } var vx = canScrollX &amp;&amp; (Math.abs(right - x) &lt;= sens &amp;&amp; scrollPosX + width &lt; scrollWidth) - (Math.abs(left - x) &lt;= sens &amp;&amp; !!scrollPosX); var vy = canScrollY &amp;&amp; (Math.abs(bottom - y) &lt;= sens &amp;&amp; scrollPosY + height &lt; scrollHeight) - (Math.abs(top - y) &lt;= sens &amp;&amp; !!scrollPosY); if (!autoScrolls[layersOut]) { for (var i = 0; i &lt;= layersOut; i++) { if (!autoScrolls[i]) { autoScrolls[i] = {}; } } } if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) { autoScrolls[layersOut].el = el; autoScrolls[layersOut].vx = vx; autoScrolls[layersOut].vy = vy; clearInterval(autoScrolls[layersOut].pid); if (vx != 0 || vy != 0) { scrollThisInstance = true; autoScrolls[layersOut].pid = setInterval(function() { if (isFallback &amp;&amp; this.layer === 0) { Sortable.active._onTouchMove(touchEvt$1); } var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0; var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0; if (typeof scrollCustomFn === \"function\") { if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== \"continue\") { return; } } scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY); }.bind({ layer: layersOut }), 24); } } layersOut++; } while (options.bubbleScroll &amp;&amp; currentParent !== winScroller &amp;&amp; (currentParent = getParentAutoScrollElement(currentParent, false))); scrolling = scrollThisInstance; }, 30); var drop = function drop2(_ref) { var originalEvent = _ref.originalEvent, putSortable2 = _ref.putSortable, dragEl2 = _ref.dragEl, activeSortable = _ref.activeSortable, dispatchSortableEvent = _ref.dispatchSortableEvent, hideGhostForTarget = _ref.hideGhostForTarget, unhideGhostForTarget = _ref.unhideGhostForTarget; if (!originalEvent) return; var toSortable = putSortable2 || activeSortable; hideGhostForTarget(); var touch = originalEvent.changedTouches &amp;&amp; originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent; var target = document.elementFromPoint(touch.clientX, touch.clientY); unhideGhostForTarget(); if (toSortable &amp;&amp; !toSortable.el.contains(target)) { dispatchSortableEvent(\"spill\"); this.onSpill({ dragEl: dragEl2, putSortable: putSortable2 }); } }; function Revert() { } Revert.prototype = { startIndex: null, dragStart: function dragStart(_ref2) { var oldDraggableIndex2 = _ref2.oldDraggableIndex; this.startIndex = oldDraggableIndex2; }, onSpill: function onSpill(_ref3) { var dragEl2 = _ref3.dragEl, putSortable2 = _ref3.putSortable; this.sortable.captureAnimationState(); if (putSortable2) { putSortable2.captureAnimationState(); } var nextSibling = getChild(this.sortable.el, this.startIndex, this.options); if (nextSibling) { this.sortable.el.insertBefore(dragEl2, nextSibling); } else { this.sortable.el.appendChild(dragEl2); } this.sortable.animateAll(); if (putSortable2) { putSortable2.animateAll(); } }, drop }; _extends(Revert, { pluginName: \"revertOnSpill\" }); function Remove() { } Remove.prototype = { onSpill: function onSpill2(_ref4) { var dragEl2 = _ref4.dragEl, putSortable2 = _ref4.putSortable; var parentSortable = putSortable2 || this.sortable; parentSortable.captureAnimationState(); dragEl2.parentNode &amp;&amp; dragEl2.parentNode.removeChild(dragEl2); parentSortable.animateAll(); }, drop }; _extends(Remove, { pluginName: \"removeOnSpill\" }); Sortable.mount(new AutoScrollPlugin()); Sortable.mount(Remove, Revert); function removeNode(node) { if (node.parentElement !== null) { node.parentElement.removeChild(node); } } function insertNodeAt(fatherNode, node, position) { const refNode = position === 0 ? fatherNode.children[0] : fatherNode.children[position - 1].nextSibling; fatherNode.insertBefore(node, refNode); } function getConsole() { if (typeof window !== \"undefined\") { return window.console; } return global.console; } const console = getConsole(); function cached(fn) { const cache = /* @__PURE__ */ Object.create(null); return function cachedFn(str) { const hit = cache[str]; return hit || (cache[str] = fn(str)); }; } const regex = /-(\\w)/g; const camelize = cached((str) =&gt; str.replace(regex, (_, c) =&gt; c.toUpperCase())); const manageAndEmit$1 = [\"Start\", \"Add\", \"Remove\", \"Update\", \"End\"]; const emit$1 = [\"Choose\", \"Unchoose\", \"Sort\", \"Filter\", \"Clone\"]; const manage$1 = [\"Move\"]; const eventHandlerNames = [manage$1, manageAndEmit$1, emit$1].flatMap((events2) =&gt; events2).map((evt) =&gt; `on${evt}`); const events = { manage: manage$1, manageAndEmit: manageAndEmit$1, emit: emit$1 }; function isReadOnly(eventName) { return eventHandlerNames.indexOf(eventName) !== -1; } const tags = [ \"a\", \"abbr\", \"address\", \"area\", \"article\", \"aside\", \"audio\", \"b\", \"base\", \"bdi\", \"bdo\", \"blockquote\", \"body\", \"br\", \"button\", \"canvas\", \"caption\", \"cite\", \"code\", \"col\", \"colgroup\", \"data\", \"datalist\", \"dd\", \"del\", \"details\", \"dfn\", \"dialog\", \"div\", \"dl\", \"dt\", \"em\", \"embed\", \"fieldset\", \"figcaption\", \"figure\", \"footer\", \"form\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"head\", \"header\", \"hgroup\", \"hr\", \"html\", \"i\", \"iframe\", \"img\", \"input\", \"ins\", \"kbd\", \"label\", \"legend\", \"li\", \"link\", \"main\", \"map\", \"mark\", \"math\", \"menu\", \"menuitem\", \"meta\", \"meter\", \"nav\", \"noscript\", \"object\", \"ol\", \"optgroup\", \"option\", \"output\", \"p\", \"param\", \"picture\", \"pre\", \"progress\", \"q\", \"rb\", \"rp\", \"rt\", \"rtc\", \"ruby\", \"s\", \"samp\", \"script\", \"section\", \"select\", \"slot\", \"small\", \"source\", \"span\", \"strong\", \"style\", \"sub\", \"summary\", \"sup\", \"svg\", \"table\", \"tbody\", \"td\", \"template\", \"textarea\", \"tfoot\", \"th\", \"thead\", \"time\", \"title\", \"tr\", \"track\", \"u\", \"ul\", \"var\", \"video\", \"wbr\" ]; function isHtmlTag(name) { return tags.includes(name); } function isTransition(name) { return [\"transition-group\", \"TransitionGroup\"].includes(name); } function isHtmlAttribute(value) { return [\"id\", \"class\", \"role\", \"style\"].includes(value) || value.startsWith(\"data-\") || value.startsWith(\"aria-\") || value.startsWith(\"on\"); } function project(entries) { return entries.reduce((res, [key, value]) =&gt; { res[key] = value; return res; }, {}); } function getComponentAttributes({ $attrs, componentData = {} }) { const attributes = project( Object.entries($attrs).filter(([key, _]) =&gt; isHtmlAttribute(key)) ); return { ...attributes, ...componentData }; } function createSortableOption({ $attrs, callBackBuilder }) { const options = project(getValidSortableEntries($attrs)); Object.entries(callBackBuilder).forEach(([eventType, eventBuilder]) =&gt; { events[eventType].forEach((event) =&gt; { options[`on${event}`] = eventBuilder(event); }); }); const draggable = `[data-draggable]${options.draggable || \"\"}`; return { ...options, draggable }; } function getValidSortableEntries(value) { return Object.entries(value).filter(([key, _]) =&gt; !isHtmlAttribute(key)).map(([key, value2]) =&gt; [camelize(key), value2]).filter(([key, _]) =&gt; !isReadOnly(key)); } const getHtmlElementFromNode = ({ el }) =&gt; el; const addContext = (domElement, context) =&gt; domElement.__draggable_context = context; const getContext = (domElement) =&gt; domElement.__draggable_context; class ComponentStructure { constructor({ nodes: { header, default: defaultNodes, footer }, root, realList }) { this.defaultNodes = defaultNodes; this.children = [...header, ...defaultNodes, ...footer]; this.externalComponent = root.externalComponent; this.rootTransition = root.transition; this.tag = root.tag; this.realList = realList; } get _isRootComponent() { return this.externalComponent || this.rootTransition; } render(h2, attributes) { const { tag, children, _isRootComponent } = this; const option2 = !_isRootComponent ? children : { default: () =&gt; children }; return h2(tag, attributes, option2); } updated() { const { defaultNodes, realList } = this; defaultNodes.forEach((node, index2) =&gt; { addContext(getHtmlElementFromNode(node), { element: realList[index2], index: index2 }); }); } getUnderlyingVm(domElement) { return getContext(domElement); } getVmIndexFromDomIndex(domIndex, element) { const { defaultNodes } = this; const { length } = defaultNodes; const domChildren = element.children; const domElement = domChildren.item(domIndex); if (domElement === null) { return length; } const context = getContext(domElement); if (context) { return context.index; } if (length === 0) { return 0; } const firstDomListElement = getHtmlElementFromNode(defaultNodes[0]); const indexFirstDomListElement = [...domChildren].findIndex( (element2) =&gt; element2 === firstDomListElement ); return domIndex &lt; indexFirstDomListElement ? 0 : length; } } function getSlot(slots, key) { const slotValue = slots[key]; return slotValue ? slotValue() : []; } function computeNodes({ $slots, realList, getKey }) { const normalizedList = realList || []; const [header, footer] = [\"header\", \"footer\"].map( (name) =&gt; getSlot($slots, name) ); const { item } = $slots; if (!item) { throw new Error(\"draggable element must have an item slot\"); } const defaultNodes = normalizedList.flatMap( (element, index2) =&gt; item({ element, index: index2 }).map((node) =&gt; { node.key = getKey(element); node.props = { ...node.props || {}, \"data-draggable\": true }; return node; }) ); if (defaultNodes.length !== normalizedList.length) { throw new Error(\"Item slot must have only one child\"); } return { header, footer, default: defaultNodes }; } function getRootInformation(tag) { const transition = isTransition(tag); const externalComponent = !isHtmlTag(tag) &amp;&amp; !transition; return { transition, externalComponent, tag: externalComponent ? resolveComponent(tag) : transition ? TransitionGroup : tag }; } function computeComponentStructure({ $slots, tag, realList, getKey }) { const nodes = computeNodes({ $slots, realList, getKey }); const root = getRootInformation(tag); return new ComponentStructure({ nodes, root, realList }); } function emit(evtName, evtData) { nextTick(() =&gt; this.$emit(evtName.toLowerCase(), evtData)); } function manage(evtName) { return (evtData, originalElement) =&gt; { if (this.realList !== null) { return this[`onDrag${evtName}`](evtData, originalElement); } }; } function manageAndEmit(evtName) { const delegateCallBack = manage.call(this, evtName); return (evtData, originalElement) =&gt; { delegateCallBack.call(this, evtData, originalElement); emit.call(this, evtName, evtData); }; } let draggingElement = null; const props = { list: { type: Array, required: false, default: null }, modelValue: { type: Array, required: false, default: null }, itemKey: { type: [String, Function], required: true }, clone: { type: Function, default: (original) =&gt; { return original; } }, tag: { type: String, default: \"div\" }, move: { type: Function, default: null }, componentData: { type: Object, required: false, default: null } }; const emits = [ \"update:modelValue\", \"change\", ...[...events.manageAndEmit, ...events.emit].map((evt) =&gt; evt.toLowerCase()) ]; const draggableComponent = defineComponent({ name: \"draggable\", inheritAttrs: false, props, emits, data() { return { error: false }; }, render() { try { this.error = false; const { $slots, $attrs, tag, componentData, realList, getKey } = this; const componentStructure = computeComponentStructure({ $slots, tag, realList, getKey }); this.componentStructure = componentStructure; const attributes = getComponentAttributes({ $attrs, componentData }); return componentStructure.render(h, attributes); } catch (err) { this.error = true; return h(\"pre\", { style: { color: \"red\" } }, err.stack); } }, created() { if (this.list !== null &amp;&amp; this.modelValue !== null) { console.error( \"modelValue and list props are mutually exclusive! Please set one or another.\" ); } }, mounted() { if (this.error) { return; } const { $attrs, $el, componentStructure } = this; componentStructure.updated(); const sortableOptions = createSortableOption({ $attrs, callBackBuilder: { manageAndEmit: (event) =&gt; manageAndEmit.call(this, event), emit: (event) =&gt; emit.bind(this, event), manage: (event) =&gt; manage.call(this, event) } }); const targetDomElement = $el.nodeType === 1 ? $el : $el.parentElement; this._sortable = new Sortable(targetDomElement, sortableOptions); this.targetDomElement = targetDomElement; targetDomElement.__draggable_component__ = this; }, updated() { this.componentStructure.updated(); }, beforeUnmount() { if (this._sortable !== void 0) this._sortable.destroy(); }, computed: { realList() { const { list } = this; return list ? list : this.modelValue; }, getKey() { const { itemKey } = this; if (typeof itemKey === \"function\") { return itemKey; } return (element) =&gt; element[itemKey]; } }, watch: { $attrs: { handler(newOptionValue) { const { _sortable } = this; if (!_sortable) return; getValidSortableEntries(newOptionValue).forEach(([key, value]) =&gt; { _sortable.option(key, value); }); }, deep: true } }, methods: { getUnderlyingVm(domElement) { return this.componentStructure.getUnderlyingVm(domElement) || null; }, getUnderlyingPotencialDraggableComponent(htmElement) { return htmElement.__draggable_component__; }, emitChanges(evt) { nextTick(() =&gt; this.$emit(\"change\", evt)); }, alterList(onList) { if (this.list) { onList(this.list); return; } const newList = [...this.modelValue]; onList(newList); this.$emit(\"update:modelValue\", newList); }, spliceList() { const spliceList = (list) =&gt; list.splice(...arguments); this.alterList(spliceList); }, updatePosition(oldIndex2, newIndex2) { const updatePosition = (list) =&gt; list.splice(newIndex2, 0, list.splice(oldIndex2, 1)[0]); this.alterList(updatePosition); }, getRelatedContextFromMoveEvent({ to, related }) { const component = this.getUnderlyingPotencialDraggableComponent(to); if (!component) { return { component }; } const list = component.realList; const context = { list, component }; if (to !== related &amp;&amp; list) { const destination = component.getUnderlyingVm(related) || {}; return { ...destination, ...context }; } return context; }, getVmIndexFromDomIndex(domIndex) { return this.componentStructure.getVmIndexFromDomIndex( domIndex, this.targetDomElement ); }, onDragStart(evt) { this.context = this.getUnderlyingVm(evt.item); evt.item._underlying_vm_ = this.clone(this.context.element); draggingElement = evt.item; }, onDragAdd(evt) { const element = evt.item._underlying_vm_; if (element === void 0) { return; } removeNode(evt.item); const newIndex2 = this.getVmIndexFromDomIndex(evt.newIndex); this.spliceList(newIndex2, 0, element); const added = { element, newIndex: newIndex2 }; this.emitChanges({ added }); }, onDragRemove(evt) { insertNodeAt(this.$el, evt.item, evt.oldIndex); if (evt.pullMode === \"clone\") { removeNode(evt.clone); return; } const { index: oldIndex2, element } = this.context; this.spliceList(oldIndex2, 1); const removed = { element, oldIndex: oldIndex2 }; this.emitChanges({ removed }); }, onDragUpdate(evt) { removeNode(evt.item); insertNodeAt(evt.from, evt.item, evt.oldIndex); const oldIndex2 = this.context.index; const newIndex2 = this.getVmIndexFromDomIndex(evt.newIndex); this.updatePosition(oldIndex2, newIndex2); const moved2 = { element: this.context.element, oldIndex: oldIndex2, newIndex: newIndex2 }; this.emitChanges({ moved: moved2 }); }, computeFutureIndex(relatedContext, evt) { if (!relatedContext.element) { return 0; } const domChildren = [...evt.to.children].filter( (el) =&gt; el.style[\"display\"] !== \"none\" ); const currentDomIndex = domChildren.indexOf(evt.related); const currentIndex = relatedContext.component.getVmIndexFromDomIndex( currentDomIndex ); const draggedInList = domChildren.indexOf(draggingElement) !== -1; return draggedInList || !evt.willInsertAfter ? currentIndex : currentIndex + 1; }, onDragMove(evt, originalEvent) { const { move, realList } = this; if (!move || !realList) { return true; } const relatedContext = this.getRelatedContextFromMoveEvent(evt); const futureIndex = this.computeFutureIndex(relatedContext, evt); const draggedContext = { ...this.context, futureIndex }; const sendEvent = { ...evt, relatedContext, draggedContext }; return move(sendEvent, originalEvent); }, onDragEnd() { draggingElement = null; } } }); const _hoisted_1$2 = { class: \"query-builder-rule\" }; const _hoisted_2$2 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_3$2 = [\"textContent\"]; const _hoisted_4$1 = { class: \"query-builder-rule__component-container\" }; const _sfc_main$3 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderRule\", props: { config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, query: { type: Object } }, emits: [\"query-update\"], setup(__props, { emit: emit2 }) { const props2 = __props; const definition = computed(() =&gt; { const ruleDefinition = props2.config.rules.find((rule) =&gt; rule.identifier === props2.query.identifier); if (ruleDefinition) { return ruleDefinition; } throw new Error(`Invalid identifier \"${props2.query.identifier}\": no rule definition available.`); }); const component = computed(() =&gt; definition.value.component); const ruleData = computed({ get: () =&gt; props2.query.value, set: (update) =&gt; { ruleUpdate(update); } }); const ruleSlotProps = computed(() =&gt; ({ ruleComponent: component.value, ruleData: props2.query.value, ruleIdentifier: props2.query.identifier, updateRuleData: (ruleDataParam) =&gt; ruleUpdate(ruleDataParam) })); function ruleUpdate(update) { emit2( \"query-update\", { identifier: props2.query.identifier, value: update } ); } const showDragHandle = computed(() =&gt; { if (props2.config.dragging) { return !props2.config.dragging.disabled; } return false; }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1$2, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_2$2)) : createCommentVNode(\"\", true), _ctx.$slots.rule ? renderSlot(_ctx.$slots, \"rule\", normalizeProps(mergeProps({ key: 1 }, unref(ruleSlotProps))), void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [ createElementVNode(\"span\", { class: \"query-builder-rule__name\", textContent: toDisplayString(unref(definition).name) }, null, 8, _hoisted_3$2), createElementVNode(\"div\", _hoisted_4$1, [ (openBlock(), createBlock(resolveDynamicComponent(unref(component)), { modelValue: unref(ruleData), \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event) =&gt; isRef(ruleData) ? ruleData.value = $event : null) }, null, 8, [\"modelValue\"])) ]) ], 64)) ]); }; } }); const QueryBuilderRule_vue_vue_type_style_index_0_scoped_f61f07d1_lang = \"\"; const _export_sfc = (sfc, props2) =&gt; { const target = sfc.__vccOpts || sfc; for (const [key, val] of props2) { target[key] = val; } return target; }; const QueryBuilderRule = /* @__PURE__ */ _export_sfc(_sfc_main$3, [[\"__scopeId\", \"data-v-f61f07d1\"]]); const _withScopeId$1 = (n) =&gt; (pushScopeId(\"data-v-530acb3b\"), n = n(), popScopeId(), n); const _hoisted_1$1 = { class: \"query-builder-child\" }; const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() =&gt; /* @__PURE__ */ createElementVNode(\"span\", { \"aria-hidden\": \"true\" }, \"\\xD7\", -1)); const _hoisted_3$1 = [ _hoisted_2$1 ]; const _sfc_main$2 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderChild\", props: { query: { type: Object, required: true, validator: (query) =&gt; isRule(query) || isRuleSet(query) }, config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, depth: Number }, emits: [\"query-update\", \"delete-child\"], setup(__props) { const props2 = __props; const isRule$1 = computed(() =&gt; isRule(props2.query)); const isRuleSet$1 = computed(() =&gt; isRuleSet(props2.query)); const ruleDefinition = computed(() =&gt; { if (!isRule$1.value) { return null; } const ruleDefinitionResult = props2.config.rules.find((definition2) =&gt; definition2.identifier === props2.query.identifier); return ruleDefinitionResult || null; }); const component = computed(() =&gt; { if (isRule$1.value &amp;&amp; ruleDefinition.value) { return QueryBuilderRule; } if (isRuleSet$1.value) { return QueryBuilderGroup; } throw new Error(\"No component definition available.\"); }); computed(() =&gt; { if (isRule$1.value &amp;&amp; ruleDefinition.value) { return ruleDefinition.value; } if (isRuleSet$1.value) { return null; } throw new Error(\"No component definition available.\"); }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1$1, [ (openBlock(), createBlock(resolveDynamicComponent(unref(component)), { config: __props.config, query: __props.query, depth: __props.depth, onQueryUpdate: _cache[0] || (_cache[0] = ($event) =&gt; _ctx.$emit(\"query-update\", $event)), class: \"query-builder-child__component\" }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1064, [\"config\", \"query\", \"depth\"])), createElementVNode(\"button\", { \"aria-label\": \"Close\", class: \"query-builder-child__delete-child\", onClick: _cache[1] || (_cache[1] = withModifiers(($event) =&gt; _ctx.$emit(\"delete-child\"), [\"stop\", \"prevent\"])) }, _hoisted_3$1) ]); }; } }); const QueryBuilderChild_vue_vue_type_style_index_0_scoped_530acb3b_lang = \"\"; const QueryBuilderChild = /* @__PURE__ */ _export_sfc(_sfc_main$2, [[\"__scopeId\", \"data-v-530acb3b\"]]); const _withScopeId = (n) =&gt; (pushScopeId(\"data-v-78d4affb\"), n = n(), popScopeId(), n); const _hoisted_1 = { class: \"query-builder-group\" }; const _hoisted_2 = { class: \"query-builder-group__control\" }; const _hoisted_3 = { key: 0, class: \"query-builder-group__group-selection-slot\" }; const _hoisted_4 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_5 = { key: 1, class: \"query-builder-group__group-selection\" }; const _hoisted_6 = { key: 0, class: \"query-builder__draggable-handle\", src: _imports_0, alt: \"Drag element to target\" }; const _hoisted_7 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"span\", { class: \"query-builder-group__group-operator\" }, \"Operator\", -1)); const _hoisted_8 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"option\", { disabled: \"\", value: \"\" }, \"Select an operator\", -1)); const _hoisted_9 = [\"value\", \"textContent\"]; const _hoisted_10 = { key: 3, class: \"query-builder-group__group-control\" }; const _hoisted_11 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"option\", { disabled: \"\", value: \"\" }, \"Select a rule\", -1)); const _hoisted_12 = [\"value\", \"textContent\"]; const _hoisted_13 = [\"disabled\"]; const _hoisted_14 = /* @__PURE__ */ _withScopeId(() =&gt; /* @__PURE__ */ createElementVNode(\"div\", { class: \"query-builder-group__spacer\" }, null, -1)); const _sfc_main$1 = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilderGroup\", props: { config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) }, query: { type: Object }, depth: { type: Number } }, emits: [\"query-update\"], setup(__props, { expose, emit: emit2 }) { const props2 = __props; const getMergeTrap = inject(\"getMergeTrap\"); watch(() =&gt; props2.query, (n) =&gt; pruneChildren()); watch(() =&gt; props2.config.maxDepth, (n) =&gt; pruneChildren()); onMounted(() =&gt; pruneChildren()); function pruneChildren() { if (children.value.length === props2.query.children.length) { return; } const childrenUpdate = [...children.value]; emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } const selectedOperator = computed({ get: () =&gt; props2.query.operatorIdentifier, set: (operatorIdentifier) =&gt; { emit2( \"query-update\", { ...props2.query, operatorIdentifier } ); } }); const trap = ref(null); const selectedRule = ref(\"\"); const type = QueryBuilderGroupSym; const children = computed(() =&gt; { if (maxDepthExeeded.value) { return [...props2.query.children].filter(isRule); } return [...props2.query.children]; }); const childProxies = computed(() =&gt; children.value.map((item, index2) =&gt; ({ __item: item, __id: index2 }))); function updateSort(ev) { if (ev.moved) { moveSortedChild(ev.moved); return; } if (ev.added) { addSortedChild(ev.added); return; } if (ev.removed) { removeSortedChild(ev.removed); } } function moveSortedChild(move) { const childrenUpdate = [...children.value]; childrenUpdate.splice(move.newIndex, 0, childrenUpdate.splice(move.oldIndex, 1)[0]); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } const draggableComponent$1 = ref(null); function addSortedChild(added) { var _a; const childrenUpdate = [...children.value]; childrenUpdate.splice(added.newIndex, 0, added.element.__item); getMergeTrap().registerSortUpdate({ component: (_a = draggableComponent$1.value) == null ? void 0 : _a.$parent, ev: { operatorIdentifier: selectedOperator.value, children: childrenUpdate }, adding: true, affectedIdx: added.newIndex }); } function removeSortedChild(removed) { var _a; const childrenUpdate = [...children.value]; childrenUpdate.splice(removed.oldIndex, 1); getMergeTrap().registerSortUpdate({ component: (_a = draggableComponent$1.value) == null ? void 0 : _a.$parent, ev: { operatorIdentifier: selectedOperator.value, children: childrenUpdate }, adding: false, affectedIdx: removed.oldIndex }); } const operators = computed(() =&gt; props2.config.operators); const rules = computed(() =&gt; props2.config.rules); const childDepth = computed(() =&gt; props2.depth + 1); const childDepthClass = computed(() =&gt; `query-builder-group__group-children--depth-${childDepth.value}`); const hasMaxDepth = computed(() =&gt; typeof props2.config.maxDepth === \"number\"); const maxDepthExeeded = computed(() =&gt; { if (!hasMaxDepth.value) { return false; } return props2.depth &gt;= props2.config.maxDepth; }); const borderColor = computed(() =&gt; { if (props2.config.colors &amp;&amp; props2.config.colors.length &gt; 0) { return props2.config.colors[props2.depth % props2.config.colors.length]; } return \"\"; }); const getBorderStyle = computed(() =&gt; { if (borderColor.value) { return `border-color: ${borderColor.value}`; } return \"border-left: 0\"; }); const groupOperatorSlotProps = computed(() =&gt; ({ currentOperator: selectedOperator.value, operators: operators.value, updateCurrentOperator: (newOperator) =&gt; { emit2( \"query-update\", { ...props2.query, operatorIdentifier: newOperator } ); } })); const groupControlSlotProps = computed(() =&gt; ({ maxDepthExeeded: maxDepthExeeded.value, rules: rules.value, addRule: (newRule) =&gt; { const currentRule = selectedRule.value; selectedRule.value = newRule; addRule(); selectedRule.value = currentRule; }, newGroup: () =&gt; newGroup() })); const dragOptions = computed(() =&gt; { if (!props2.config.dragging) { return { disabled: true }; } if (!hasMaxDepth.value) { return props2.config.dragging; } return { ...props2.config.dragging, group: { name: props2.config.dragging.group, put: (to, from, dragEl2) =&gt; { const dragged = dragEl2 == null ? void 0 : dragEl2.__vue__; const childDepthCurrent = calculateMaxDepth({ ...dragged.query }, 0); return props2.depth + childDepthCurrent &lt;= props2.config.maxDepth; } } }; }); function calculateMaxDepth(query, depthCnt) { if (isRule(query)) { return depthCnt; } return query.children.reduce((cntPerChild, c) =&gt; Math.max( cntPerChild, calculateMaxDepth({ ...c }, depthCnt + 1) ), depthCnt); } const showDragHandle = computed(() =&gt; !(dragOptions.value.disabled || props2.depth === 0)); function addRule() { const childrenUpdate = [...children.value]; const selectedRuleFound = props2.config.rules.find((rule) =&gt; rule.identifier === selectedRule.value); if (!selectedRuleFound) { throw new Error(`Rule identifier \"${selectedRule.value}\" is invalid.`); } if (typeof selectedRuleFound.initialValue === \"object\" &amp;&amp; selectedRuleFound.initialValue !== null) { throw new Error(`\"initialValue\" of \"${selectedRuleFound.identifier}\" must not be an object - use a factory function!`); } let value = null; if (typeof selectedRuleFound.initialValue !== \"undefined\") { value = selectedRuleFound.initialValue; } if (typeof value === \"function\") { value = value(); } childrenUpdate.push({ identifier: selectedRuleFound.identifier, value }); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); selectedRule.value = \"\"; } function newGroup() { if (maxDepthExeeded.value) { return; } const childrenUpdate = [...children.value]; childrenUpdate.push({ operatorIdentifier: props2.config.operators[0].identifier, children: [] }); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } function updateChild(position, newChild) { if (trap.value) { trap.value(position, newChild); return; } const childrenUpdate = [...children.value]; childrenUpdate.splice(position, 1, newChild); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } function deleteChild(idx) { const childrenUpdate = [...children.value]; childrenUpdate.splice(idx, 1); emit2( \"query-update\", { operatorIdentifier: selectedOperator.value, children: childrenUpdate } ); } expose({ type, children, depth: computed(() =&gt; props2.depth), selectedOperator, trap }); return (_ctx, _cache) =&gt; { return openBlock(), createElementBlock(\"div\", _hoisted_1, [ createElementVNode(\"div\", _hoisted_2, [ _ctx.$slots.groupOperator ? (openBlock(), createElementBlock(\"div\", _hoisted_3, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_4)) : createCommentVNode(\"\", true), renderSlot(_ctx.$slots, \"groupOperator\", normalizeProps(guardReactiveProps(unref(groupOperatorSlotProps))), void 0, true) ])) : (openBlock(), createElementBlock(\"div\", _hoisted_5, [ unref(showDragHandle) ? (openBlock(), createElementBlock(\"img\", _hoisted_6)) : createCommentVNode(\"\", true), _hoisted_7, withDirectives(createElementVNode(\"select\", { \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event) =&gt; isRef(selectedOperator) ? selectedOperator.value = $event : null) }, [ _hoisted_8, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operators), (operator) =&gt; { return openBlock(), createElementBlock(\"option\", { key: operator.identifier, value: operator.identifier, textContent: toDisplayString(operator.name) }, null, 8, _hoisted_9); }), 128)) ], 512), [ [vModelSelect, unref(selectedOperator)] ]) ])), _ctx.$slots.groupControl ? renderSlot(_ctx.$slots, \"groupControl\", normalizeProps(mergeProps({ key: 2 }, unref(groupControlSlotProps))), void 0, true) : (openBlock(), createElementBlock(\"div\", _hoisted_10, [ withDirectives(createElementVNode(\"select\", { \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event) =&gt; selectedRule.value = $event) }, [ _hoisted_11, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rules), (rule) =&gt; { return openBlock(), createElementBlock(\"option\", { key: rule.identifier, value: rule.identifier, textContent: toDisplayString(rule.name) }, null, 8, _hoisted_12); }), 128)) ], 512), [ [vModelSelect, selectedRule.value] ]), createElementVNode(\"button\", { disabled: selectedRule.value === \"\", onClick: addRule, class: \"query-builder-group__rule-adding-button\" }, \" Add Rule \", 8, _hoisted_13), !unref(maxDepthExeeded) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [ _hoisted_14, createElementVNode(\"button\", { onClick: newGroup, class: \"query-builder-group__group-adding-button\" }, \" Add Group \") ], 64)) : createCommentVNode(\"\", true) ])) ]), createVNode(unref(draggableComponent), mergeProps({ class: [\"query-builder-group__group-children\", unref(childDepthClass)], style: unref(getBorderStyle), modelValue: unref(childProxies), onChange: updateSort, \"item-key\": \"__id\", tag: \"div\" }, unref(dragOptions), { ref_key: \"draggableComponent\", ref: draggableComponent$1 }), { item: withCtx(({ element: child, index: idx }) =&gt; [ (openBlock(), createBlock(QueryBuilderChild, { key: idx, config: __props.config, query: child.__item, depth: unref(childDepth), onQueryUpdate: ($event) =&gt; updateChild(idx, $event), onDeleteChild: ($event) =&gt; deleteChild(idx), class: \"query-builder-group__child\" }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1032, [\"config\", \"query\", \"depth\", \"onQueryUpdate\", \"onDeleteChild\"])) ]), _: 3 }, 16, [\"class\", \"style\", \"modelValue\"]) ]); }; } }); const QueryBuilderGroup_vue_vue_type_style_index_0_scoped_78d4affb_lang = \"\"; const QueryBuilderGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [[\"__scopeId\", \"data-v-78d4affb\"]]); const _sfc_main = /* @__PURE__ */ defineComponent({ __name: \"QueryBuilder\", props: { modelValue: { type: Object, required: false, default: null, validator: (query) =&gt; query === null || isRuleSet(query) }, config: { type: Object, required: true, validator: (param) =&gt; isQueryBuilderConfig(param) } }, emits: [\"update:modelValue\"], setup(__props, { emit: emit2 }) { const props2 = __props; provide(\"getMergeTrap\", provideMergeTrap); let trap = null; watch(() =&gt; props2.modelValue, () =&gt; { trap = null; }); const ruleSet = computed(() =&gt; { if (props2.modelValue) { return props2.modelValue; } if (props2.config.operators.length === 0) { return { operatorIdentifier: \"\", children: [] }; } return { operatorIdentifier: props2.config.operators[0].identifier, children: [] }; }); const queryBuiderConfig = computed(() =&gt; { if (!props2.config.dragging) { return props2.config; } return { ...props2.config, dragging: { handle: \".query-builder__draggable-handle\", ...props2.config.dragging, group: `${new Date().getTime() * Math.random()}` } }; }); function updateQuery(newQuery) { trap = null; emit2(\"update:modelValue\", { ...newQuery }); } function provideMergeTrap() { if (trap) { return trap; } trap = new MergeTrap(); return trap; } return (_ctx, _cache) =&gt; { return openBlock(), createBlock(QueryBuilderGroup, { config: unref(queryBuiderConfig), query: unref(ruleSet), depth: 0, class: \"query-builder__root\", onQueryUpdate: updateQuery }, createSlots({ _: 2 }, [ renderList(_ctx.$slots, (_, slotName) =&gt; { return { name: slotName, fn: withCtx((props22) =&gt; [ renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(props22)), void 0, true) ]) }; }) ]), 1032, [\"config\", \"query\"]); }; } }); const QueryBuilder_vue_vue_type_style_index_0_scoped_1676f0cb_lang = \"\"; const ReExportQueryBuilder = /* @__PURE__ */ _export_sfc(_sfc_main, [[\"__scopeId\", \"data-v-1676f0cb\"]]); export { ReExportQueryBuilder as default }; //# sourceMappingURL=query-builder-vue-3.js.map × 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: store/recordData.js import {isEmpty, isEqual} from \"lodash-es\"; // 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\"]; 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) { state.sections.additionalInformation.data[ additionalInformation.fieldName ] = additionalInformation.fieldValue; } else { 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 ] ) { state.sections.additionalInformation.data[ additionalInformation.fieldName ] = []; } try { 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Source: utils/advancedSearchUtils.js import {uniqWith} from \"lodash-es\"; 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; -1) 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 202 &lt;constant&gt; buildFilters Given a searchFairsharingRecords aggregations array, build the values used by the advanced search widgets Source: store/searchFilters.js, line 143 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 121 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 138 &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 184 recordStore :Object The record store handles the requests related to record (fairsharingRecord). Type: Object Source: store/recordData.js, line 20 &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 177 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 140 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 15 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 133 Returns: Type function isBluesky() Assess bluesjy username @user@server. Source: utils/rules.js, line 38 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 75 Returns: Type function isImage() Assess if the given file has the correct extension Source: utils/rules.js, line 118 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 92 Returns: Type function isMastodon() Assess mastodon username @user@server. Source: utils/rules.js, line 26 Returns: Type function isOrcid() Assess ORCID patterns. Can be empty if required is false. Source: utils/rules.js, line 106 Returns: Type function isRequired() Assess the presence of the field Source: utils/rules.js, line 52 Returns: Type function isUrl() Assess URL patterns. Source: utils/rules.js, line 62 Returns: Type function ownKeys() ! Sortable 1.14.0 Author: RubaXa owenm License: MIT Source: utils/query-builder-vue-3/dist/query-builder-vue-3.js, line 178 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 168 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues FAIRsharing.org Welcome to the new FAIRsharing.org website. 📘 System Architecture: For a comprehensive technical deep-dive into how our SEO routing, Vike file-based caching, and page rendering pipeline operate, read the Architecture Guide. Compiles and hot-reloads for development npm run dev Test with vitest &amp; generate coverage npm run test:ui Generate the documentation locally npm run doc:full Build and prerender npm run build The site uses Vike prerendering with a batched build process so large route sets can be generated safely. Build modes VITE_FULL_PRERENDER controls the build behavior. Run the Full build Fetches API data, generates the prerender JSON files, and runs the full batched prerender: VITE_FULL_PRERENDER=true npm run build Run the light build path: VITE_FULL_PRERENDER=false npm run build The light build path skips the long prerender loop and is useful for limited build environments such as Netlify. How the build works The build script: Fetches record data and organisation data from the API, Writes generated JSON files into src/lib/Prerender/, Writes the current batch context into src/lib/Prerender/build-context.json, Prerenders routes in batches, Copies the final prerender output into dist/client. Environment variables VITE_FULL_PRERENDER controls whether the full batch prerender runs. BATCH_SIZE controls how many record pages are processed per batch. BUILD_CONTEXT is written during the build so Vike can read the current batch information. Generated files These files are created during build and should not be committed: src/lib/Prerender/fairsharingRecords.generated.json src/lib/Prerender/organisations.generated.json src/lib/Prerender/build-context.json .prerender-output/ dist/ × Search results Close "},"ExternalRESTClients.html":{"id":"ExternalRESTClients.html","title":"Class: ExternalRESTClients","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 8 Methods &lt;async&gt; executeQuery(query) Trigger the given query with Axios Parameters: Name Type Description query Source: lib/Client/ExternalClients.js, line 93 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 10 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 58 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 25 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 42 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 132 × Search results Close "},"RESTClient.html":{"id":"RESTClient.html","title":"Class: RESTClient","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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; changeWatcher(recordID, operation, userToken) Add or remove an watcher to/from a FairsharingRecord. Parameters: Name Type Description recordID Integer ID for the relevant FairsharingRecord. operation String 'add' or 'remove'. userToken String JWT of the logged in user Source: lib/Client/RESTClient.js, line 426 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 665 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 484 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 859 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 465 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 611 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 683 Returns: Type Promise &lt;async&gt; createProcessingNotes(noteText, recordId, jwt) Create processing note of the given record Parameters: Name Type Description noteText String Processing Notes recordId Number FAIRsharing record Id jwt String the user token Source: lib/Client/RESTClient.js, line 1092 Returns: Type Promise.&lt;*&gt; &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 502 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 876 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 648 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 720 Returns: Type Promise &lt;async&gt; deleteProcessingNote(noteId, jwt) Delete processing note of the given record Parameters: Name Type Description noteId Number Processing Note Id jwt String the user token Source: lib/Client/RESTClient.js, line 1138 Returns: Type Promise.&lt;*&gt; &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 778 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 586 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 630 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 893 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 737 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 938 Returns: Type Promise &lt;async&gt; getHomepageJsonld() Get JSON+LD for homepage. Source: lib/Client/RESTClient.js, line 1001 Returns: Type Promise &lt;async&gt; getProfileTypes() Get the list of available profile types for a user. Source: lib/Client/RESTClient.js, line 808 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 922 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 906 Returns: Type Promise &lt;async&gt; getStatisticsData() Get statistics data without users Source: lib/Client/RESTClient.js, line 987 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; getUserRoles(token) Get the list of available roles for a user. Parameters: Name Type Description token String the user token Source: lib/Client/RESTClient.js, line 825 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 954 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; removeMaintainer(recordID, userToken) Remove an existing maintainer from 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 406 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 446 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 563 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 1016 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 519 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 842 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 702 Returns: Type Promise &lt;async&gt; updateProcessingNotes(noteId, noteText, recordId, jwt) Update processing note of the given record Parameters: Name Type Description noteId Number Processing Note Id noteText String Processing Notes recordId Number FAIRsharing record Id jwt String the user token Source: lib/Client/RESTClient.js, line 1116 Returns: Type Promise.&lt;*&gt; &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 756 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 22 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues Module: Home Component to handle the front page (landing page) Source: views/Home/Home.vue, line 10 × Search results Close "},"module-Login.html":{"id":"module-Login.html","title":"Module: Login","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 105 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 76 × Search results Close "},"module-Signup.html":{"id":"module-Signup.html","title":"Module: Signup","body":" FAIRsharing.org Namespaces Static Modules HomeLoginNewRecordPaginationSignupUser Classes ExternalRESTClientsGraphQLClientRESTClient Global buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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 buildFacetsbuildFiltersfiltersStorehackSearchhasValueintrospectionStoreisAllowedSizeisBlueskyisEmailisEmailOrUrlisImageisLongEnoughisMastodonisOrcidisRequiredisUrlownKeysparamsAreExpiredparseParamrecordStorerecordTypesrecordsStoreremoveItemstatesuniqueValues 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/views_Static_Community_Community.vue.html b/documentation/html/views_Static_Community_Community.vue.html
index 0d293fbc3..28d61275b 100644
--- a/documentation/html/views_Static_Community_Community.vue.html
+++ b/documentation/html/views_Static_Community_Community.vue.html
@@ -126,7 +126,7 @@ <h1 class="page-title">Source: views/Static/Community/Community.vue</h1>
 
     &lt;!-- Adopters, activities, Governance tabs-->
     &lt;v-container class="my-10">
-      &lt;v-row class="block-category">
+      &lt;v-row class="block-category justify-center">
         &lt;v-col
           v-for="(tab, index) in contentTabs"
           :key="tab.name + '_' + index"

From 4285a57a566af547c9598ff897614140eee3fe4d Mon Sep 17 00:00:00 2001
From: prakhyatox <prakhyat.gailani@eng.ox.ac.uk>
Date: Tue, 14 Jul 2026 15:06:44 +0100
Subject: [PATCH 3/5] adding diableUrlNormailization: true

---
 src/pages/+config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/+config.js b/src/pages/+config.js
index cc324e2e2..e07c4563f 100644
--- a/src/pages/+config.js
+++ b/src/pages/+config.js
@@ -11,6 +11,7 @@ export default {
     keepDistServer: true, // Prevents Vike from deleting dist/server/ mid-build
   },
   trailingSlash: false,
+  disableUrlNormalization: true,
   hooksTimeout: false,
   favicon: "/assets/favicon.ico",
   title: "FAIRsharing",

From 7d48c45e48f9f48a872d846450910d51976c5b95 Mon Sep 17 00:00:00 2001
From: prakhyatox <prakhyat.gailani@eng.ox.ac.uk>
Date: Tue, 14 Jul 2026 15:25:53 +0100
Subject: [PATCH 4/5] adding +server.js

---
 src/pages/+server.js | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 src/pages/+server.js

diff --git a/src/pages/+server.js b/src/pages/+server.js
new file mode 100644
index 000000000..58ddb1c4e
--- /dev/null
+++ b/src/pages/+server.js
@@ -0,0 +1,7 @@
+import vike from "vike/fetch";
+
+export default {
+  fetch(request) {
+    return vike.fetch(request);
+  },
+};

From 2244217838a8f2dc40e09a80cf11af173f41ccd3 Mon Sep 17 00:00:00 2001
From: prakhyatox <prakhyat.gailani@eng.ox.ac.uk>
Date: Tue, 14 Jul 2026 16:19:08 +0100
Subject: [PATCH 5/5] updating netlify.toml file

---
 netlify.toml                             | 10 ----------
 src/pages/+config.js                     |  1 -
 src/pages/all/+onBeforePrerenderStart.js |  5 +++--
 src/pages/all/+title.js                  |  3 ++-
 4 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/netlify.toml b/netlify.toml
index 9b0cad6e9..244c14b93 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -2,16 +2,6 @@
   command = "npm run build"
   publish = "dist/client"
 
-# Forward all routing requests to Vike's serverless rendering function.
-# force = false ensures Netlify checks for real static files (like /assets/*)
-# on disk first. It only redirects to the function if the file doesn't exist.
-[[redirects]]
-  from = "/*"
-  #to = "/.netlify/functions/render"
-   to = "/index.html"
-  status = 200
-  force = false
-
 [build.environment]
   NODE_VERSION = "22"
   NODE_OPTIONS = "--max-old-space-size=4096"
diff --git a/src/pages/+config.js b/src/pages/+config.js
index e07c4563f..cc324e2e2 100644
--- a/src/pages/+config.js
+++ b/src/pages/+config.js
@@ -11,7 +11,6 @@ export default {
     keepDistServer: true, // Prevents Vike from deleting dist/server/ mid-build
   },
   trailingSlash: false,
-  disableUrlNormalization: true,
   hooksTimeout: false,
   favicon: "/assets/favicon.ico",
   title: "FAIRsharing",
diff --git a/src/pages/all/+onBeforePrerenderStart.js b/src/pages/all/+onBeforePrerenderStart.js
index 2459c450a..a891e0c21 100644
--- a/src/pages/all/+onBeforePrerenderStart.js
+++ b/src/pages/all/+onBeforePrerenderStart.js
@@ -1,5 +1,5 @@
-import buildContext from "@/lib/Prerender/build-context.json" with {type: "json"};
-import {normalizeDoi} from "@/lib/Prerender/prerenderUtils.shared.js";
+import buildContext from "@/lib/Prerender/build-context.json" with { type: "json" };
+import { normalizeDoi } from "@/lib/Prerender/prerenderUtils.shared.js";
 
 export async function onBeforePrerenderStart() {
   const staticRoutes = [
@@ -24,6 +24,7 @@ export async function onBeforePrerenderStart() {
     "/communities",
     "/api_doc",
     "/search",
+    "/curator",
   ];
 
   if (buildContext.skipFull) {
diff --git a/src/pages/all/+title.js b/src/pages/all/+title.js
index 97c69262b..c345f0cc5 100644
--- a/src/pages/all/+title.js
+++ b/src/pages/all/+title.js
@@ -29,7 +29,8 @@ export default function title(pageContext) {
     "/fairassist": "Fairassist | FAIRsharing",
     "/browse/subject": "Subject Browser| FAIRsharing",
     "/communities": "Communities | FAIRsharing",
-    "/api_doc": "API DOC| FAIRsharing",
+    "/api_doc": "API DOC | FAIRsharing",
+    "/curator": "Curator | FAIRsharing",
   };
 
   if (staticTitles[path]) {