Continues migration to Vue3 #794.

This commit is contained in:
mateuswetah 2023-07-27 10:59:58 -03:00
parent 98b9578b83
commit eef9ab69b6
32 changed files with 159 additions and 155 deletions

82
package-lock.json generated
View File

@ -51,9 +51,9 @@
}, },
"dependencies": { "dependencies": {
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
} }
} }
@ -111,9 +111,9 @@
} }
}, },
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
}, },
"yallist": { "yallist": {
@ -142,9 +142,9 @@
}, },
"dependencies": { "dependencies": {
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
} }
} }
@ -161,9 +161,9 @@
}, },
"dependencies": { "dependencies": {
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
} }
} }
@ -183,9 +183,9 @@
}, },
"dependencies": { "dependencies": {
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
} }
} }
@ -1246,9 +1246,9 @@
}, },
"dependencies": { "dependencies": {
"semver": { "semver": {
"version": "6.3.0", "version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true "dev": true
} }
} }
@ -1609,6 +1609,25 @@
"rimraf": "^3.0.2" "rimraf": "^3.0.2"
} }
}, },
"@ntohq/buefy-next": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/@ntohq/buefy-next/-/buefy-next-0.1.0.tgz",
"integrity": "sha512-47kqY9zl/kqw72AwHA2lLk44BFgQDvGnGyWrLmxsS88RpH8Dhw3ECH4+fPK+CYSIsL6V6og13BtxWG//nlpKzA==",
"requires": {
"@babel/runtime": "7.18.9",
"bulma": "0.9.4"
},
"dependencies": {
"@babel/runtime": {
"version": "7.18.9",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.9.tgz",
"integrity": "sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==",
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"@polka/url": { "@polka/url": {
"version": "1.0.0-next.21", "version": "1.0.0-next.21",
"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz", "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
@ -2736,14 +2755,6 @@
"update-browserslist-db": "^1.0.11" "update-browserslist-db": "^1.0.11"
} }
}, },
"buefy": {
"version": "0.9.23",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.9.23.tgz",
"integrity": "sha512-zkmTOUDlh7xx0ID8cSw3Wtm97nkTGU992TcIBBTC41rjKHjJTyQn9fYr8oqvVaCTLNVJmdPnnjDCuYZtHoDEog==",
"requires": {
"bulma": "0.9.4"
}
},
"buffer-from": { "buffer-from": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@ -5918,8 +5929,7 @@
"regenerator-runtime": { "regenerator-runtime": {
"version": "0.13.11", "version": "0.13.11",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
"integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
"dev": true
}, },
"regenerator-transform": { "regenerator-transform": {
"version": "0.15.1", "version": "0.15.1",
@ -7049,11 +7059,6 @@
"@vue/shared": "3.3.4" "@vue/shared": "3.3.4"
} }
}, },
"vue-apexcharts": {
"version": "1.6.2",
"resolved": "https://registry.npmjs.org/vue-apexcharts/-/vue-apexcharts-1.6.2.tgz",
"integrity": "sha512-9HS3scJwWgKjmkcWIf+ndNDR0WytUJD8Ju0V2ZYcjYtlTLwJAf2SKUlBZaQTkDmwje/zMgulvZRi+MXmi+WkKw=="
},
"vue-countup-v3": { "vue-countup-v3": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/vue-countup-v3/-/vue-countup-v3-1.3.0.tgz", "resolved": "https://registry.npmjs.org/vue-countup-v3/-/vue-countup-v3-1.3.0.tgz",
@ -7117,6 +7122,11 @@
"resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz", "resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz",
"integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ==" "integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ=="
}, },
"vue3-apexcharts": {
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz",
"integrity": "sha512-TH89uZrxGjaDvkaYAISvj8+k6Bf1rUKFillc8oJirs5XZEPiwM1ELKZQ786wz0rfPqkSHHny2lqqUCK7Rw+LcQ=="
},
"vuedraggable": { "vuedraggable": {
"version": "4.1.0", "version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz", "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
@ -7409,9 +7419,9 @@
"dev": true "dev": true
}, },
"word-wrap": { "word-wrap": {
"version": "1.2.3", "version": "1.2.5",
"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz", "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
"integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==", "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
"dev": true "dev": true
}, },
"wrap-ansi": { "wrap-ansi": {

View File

@ -14,7 +14,7 @@
"apexcharts": "^3.41.0", "apexcharts": "^3.41.0",
"axios": "^1.4.0", "axios": "^1.4.0",
"blurhash": "^2.0.5", "blurhash": "^2.0.5",
"buefy": "^0.9.23", "@ntohq/buefy-next": "^0.1.0",
"bulma": "^0.9.4", "bulma": "^0.9.4",
"conditioner-core": "^2.3.3", "conditioner-core": "^2.3.3",
"countup.js": "^2.7.0", "countup.js": "^2.7.0",
@ -32,7 +32,7 @@
"react-dom": "^17.0.2", "react-dom": "^17.0.2",
"swiper": "^8.4.5", "swiper": "^8.4.5",
"vue": "^3.3.4", "vue": "^3.3.4",
"vue-apexcharts": "^1.6.2", "vue3-apexcharts": "^1.4.4",
"vue-countup-v3": "^1.3.0", "vue-countup-v3": "^1.3.0",
"vue-router": "^4.2.4", "vue-router": "^4.2.4",
"vue-the-mask": "^0.11.1", "vue-the-mask": "^0.11.1",

View File

@ -1066,10 +1066,10 @@ export default {
}); });
// Sets feedback variables // Sets feedback variables
eventBusItemMetadata.$emitter.$on('isUpdatingValue', (status) => { eventBusItemMetadata.$emitter.on('isUpdatingValue', (status) => {
this.isUpdatingValues = status; this.isUpdatingValues = status;
}); });
eventBusItemMetadata.$emitter.$on('hasErrorsOnForm', (hasErrors) => { eventBusItemMetadata.$emitter.on('hasErrorsOnForm', (hasErrors) => {
if (hasErrors) if (hasErrors)
this.formErrorMessage = this.formErrorMessage ? this.formErrorMessage : this.$i18n.get('info_errors_in_form'); this.formErrorMessage = this.formErrorMessage ? this.formErrorMessage : this.$i18n.get('info_errors_in_form');
else else
@ -1078,10 +1078,10 @@ export default {
this.cleanLastUpdated(); this.cleanLastUpdated();
// Updates variables for metadata navigation from compound childs // Updates variables for metadata navigation from compound childs
eventBusItemMetadata.$emitter.$on('isOnFirstMetadatumOfCompoundNavigation', (isOnFirstMetadatumOfCompoundNavigation) => { eventBusItemMetadata.$emitter.on('isOnFirstMetadatumOfCompoundNavigation', (isOnFirstMetadatumOfCompoundNavigation) => {
this.isOnFirstMetadatumOfCompoundNavigation = isOnFirstMetadatumOfCompoundNavigation this.isOnFirstMetadatumOfCompoundNavigation = isOnFirstMetadatumOfCompoundNavigation
}); });
eventBusItemMetadata.$emitter.$on('isOnLastMetadatumOfCompoundNavigation', (isOnLastMetadatumOfCompoundNavigation) => { eventBusItemMetadata.$emitter.on('isOnLastMetadatumOfCompoundNavigation', (isOnLastMetadatumOfCompoundNavigation) => {
this.isOnLastMetadatumOfCompoundNavigation = isOnLastMetadatumOfCompoundNavigation this.isOnLastMetadatumOfCompoundNavigation = isOnLastMetadatumOfCompoundNavigation
}); });
@ -1094,10 +1094,10 @@ export default {
this.isMobileSubheaderOpen = true; this.isMobileSubheaderOpen = true;
}, },
beforeUnmount () { beforeUnmount () {
eventBusItemMetadata.$emitter.$off('isUpdatingValue'); eventBusItemMetadata.$emitter.off('isUpdatingValue');
eventBusItemMetadata.$emitter.$off('hasErrorsOnForm'); eventBusItemMetadata.$emitter.off('hasErrorsOnForm');
eventBusItemMetadata.$emitter.$off('isOnFirstMetadatumOfCompoundNavigation'); eventBusItemMetadata.$emitter.off('isOnFirstMetadatumOfCompoundNavigation');
eventBusItemMetadata.$emitter.$off('isOnLastMetadatumOfCompoundNavigation'); eventBusItemMetadata.$emitter.off('isOnLastMetadatumOfCompoundNavigation');
window.removeEventListener('resize', this.handleWindowResize); window.removeEventListener('resize', this.handleWindowResize);
if (typeof this.swiper.destroy == 'function') if (typeof this.swiper.destroy == 'function')
this.swiper.destroy(); this.swiper.destroy();

View File

@ -206,13 +206,13 @@ export default {
'onDiscard', 'onDiscard',
], ],
mounted() { mounted() {
this.$parent.$emitter.$on('toggleItemEditionFooterDropdown', () => { this.$parent.$emitter.on('toggleItemEditionFooterDropdown', () => {
if (this.$refs && this.$refs['item-edition-footer-dropdown']) if (this.$refs && this.$refs['item-edition-footer-dropdown'])
this.$refs['item-edition-footer-dropdown'].toggle(); this.$refs['item-edition-footer-dropdown'].toggle();
}); });
}, },
beforeUnmount() { beforeUnmount() {
this.$parent.$emitter.$off('toggleItemEditionFooterDropdown'); this.$parent.$emitter.off('toggleItemEditionFooterDropdown');
}, },
methods: { methods: {
openItemCreationStatusDialog() { openItemCreationStatusDialog() {

View File

@ -107,10 +107,10 @@
this.loadOptions(); this.loadOptions();
}, },
created() { created() {
this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions);
}, },
beforeUnmount() { beforeUnmount() {
this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions);
}, },
methods: { methods: {
reloadOptions(shouldReload) { reloadOptions(shouldReload) {

View File

@ -55,10 +55,10 @@
this.loadOptions(); this.loadOptions();
}, },
created() { created() {
this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions);
}, },
beforeUnmount() { beforeUnmount() {
this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions);
}, },
methods: { methods: {
reloadOptions(shouldReload) { reloadOptions(shouldReload) {

View File

@ -133,7 +133,7 @@
this.taxonomyId = this.filter.metadatum.metadata_type_object.options.taxonomy_id; this.taxonomyId = this.filter.metadatum.metadata_type_object.options.taxonomy_id;
this.taxonomy = this.filter.metadatum.metadata_type_object.options.taxonomy; this.taxonomy = this.filter.metadatum.metadata_type_object.options.taxonomy;
} }
this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions);
}, },
mounted(){ mounted(){
if (!this.isUsingElasticSearch) if (!this.isUsingElasticSearch)
@ -145,7 +145,7 @@
if (this.getOptionsValuesCancel != undefined) if (this.getOptionsValuesCancel != undefined)
this.getOptionsValuesCancel.cancel('Facet search Canceled.'); this.getOptionsValuesCancel.cancel('Facet search Canceled.');
this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions);
}, },
methods: { methods: {
...mapGetters('search', [ ...mapGetters('search', [

View File

@ -582,8 +582,8 @@ export default {
mounted() { mounted() {
this.cleanMetadataSections(); this.cleanMetadataSections();
this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton); this.$eventBusMetadataList.$emitter.on('addMetadatumViaButton', this.addMetadatumViaButton);
this.$eventBusMetadataList.$emitter.$on('addMetadataSectionViaButton', this.addMetadataSectionViaButton); this.$eventBusMetadataList.$emitter.on('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
this.collectionId = this.$route.params.collectionId; this.collectionId = this.$route.params.collectionId;
this.isLoadingMetadataSections = true; this.isLoadingMetadataSections = true;
@ -601,8 +601,8 @@ export default {
if (this.metadataSearchCancel != undefined) if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.'); this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.$eventBusMetadataList.$emitter.$off('addMetadatumViaButton', this.addMetadatumViaButton); this.$eventBusMetadataList.$emitter.off('addMetadatumViaButton', this.addMetadatumViaButton);
this.$eventBusMetadataList.$emitter.$off('addMetadataSectionViaButton', this.addMetadataSectionViaButton); this.$eventBusMetadataList.$emitter.off('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
}, },
methods: { methods: {
...mapActions('metadata', [ ...mapActions('metadata', [

View File

@ -339,7 +339,7 @@ export default {
mounted() { mounted() {
this.cleanMetadata(); this.cleanMetadata();
this.loadMetadata(); this.loadMetadata();
this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton); this.$eventBusMetadataList.$emitter.on('addMetadatumViaButton', this.addMetadatumViaButton);
}, },
beforeUnmount() { beforeUnmount() {
// Cancels previous Request // Cancels previous Request

View File

@ -321,12 +321,12 @@ export default {
}, },
created() { created() {
this.fetchTerms(); this.fetchTerms();
this.$parent.$emitter.$on('deleteSelectedTerms', this.deleteSelectedTerms); this.$parent.$emitter.on('deleteSelectedTerms', this.deleteSelectedTerms);
this.$parent.$emitter.$on('updateSelectedTermsParent', this.updateSelectedTermsParent); this.$parent.$emitter.on('updateSelectedTermsParent', this.updateSelectedTermsParent);
}, },
beforeUnmount() { beforeUnmount() {
this.$parent.$emitter.$off('deleteSelectedTerms', this.deleteSelectedTerms); this.$parent.$emitter.off('deleteSelectedTerms', this.deleteSelectedTerms);
this.$parent.$emitter.$off('updateSelectedTermsParent', this.updateSelectedTermsParent); this.$parent.$emitter.off('updateSelectedTermsParent', this.updateSelectedTermsParent);
}, },
methods: { methods: {
...mapActions('taxonomy', [ ...mapActions('taxonomy', [

View File

@ -181,14 +181,14 @@
} }
}, },
created() { created() {
eventBusItemMetadata.$emitter.$on('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); eventBusItemMetadata.$emitter.on('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup);
eventBusItemMetadata.$emitter.$on('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); eventBusItemMetadata.$emitter.on('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum);
eventBusItemMetadata.$emitter.$on('focusNextChildMetadatum', this.focusNextChildMetadatum); eventBusItemMetadata.$emitter.on('focusNextChildMetadatum', this.focusNextChildMetadatum);
}, },
beforeUnmount() { beforeUnmount() {
eventBusItemMetadata.$emitter.$off('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); eventBusItemMetadata.$emitter.off('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup);
eventBusItemMetadata.$emitter.$off('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); eventBusItemMetadata.$emitter.off('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum);
eventBusItemMetadata.$emitter.$off('focusNextChildMetadatum', this.focusNextChildMetadatum); eventBusItemMetadata.$emitter.off('focusNextChildMetadatum', this.focusNextChildMetadatum);
}, },
methods: { methods: {
createChildMetadataGroups() { createChildMetadataGroups() {

View File

@ -202,7 +202,7 @@
// We need to pass mapComponentRef here instead of creating it inside the function // We need to pass mapComponentRef here instead of creating it inside the function
// otherwise the listener would conflict when multiple geo metadata are inserted. // otherwise the listener would conflict when multiple geo metadata are inserted.
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier; const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
eventBusItemMetadata.$emitter.$on('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); eventBusItemMetadata.$emitter.on('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef));
}, },
mounted() { mounted() {
nextTick(() => { nextTick(() => {
@ -212,7 +212,7 @@
}, },
beforeUnmount() { beforeUnmount() {
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier; const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
eventBusItemMetadata.$emitter.$off('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); eventBusItemMetadata.$emitter.off('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef));
}, },
methods: { methods: {
onUpdateFromLatitudeInput: _.debounce( function($event) { onUpdateFromLatitudeInput: _.debounce( function($event) {

View File

@ -218,7 +218,7 @@
}, },
created() { created() {
this.setInitialValues(); this.setInitialValues();
eventBusItemMetadata.$emitter.$on('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id), (errors) => { eventBusItemMetadata.$emitter.on('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id), (errors) => {
let updatedErrorMessage = ''; let updatedErrorMessage = '';
if (errors && errors.errors && this.itemMetadatum && this.itemMetadatum.metadatum && (this.itemMetadatum.parent_meta_id ? (this.itemMetadatum.parent_meta_id == errors.parent_meta_id && this.itemMetadatum.metadatum.id == errors.metadatum_id) : this.itemMetadatum.metadatum.id == errors.metadatum_id)) { if (errors && errors.errors && this.itemMetadatum && this.itemMetadatum.metadatum && (this.itemMetadatum.parent_meta_id ? (this.itemMetadatum.parent_meta_id == errors.parent_meta_id && this.itemMetadatum.metadatum.id == errors.metadatum_id) : this.itemMetadatum.metadatum.id == errors.metadatum_id)) {
for (let error of errors.errors) { for (let error of errors.errors) {
@ -231,7 +231,7 @@
}, },
beforeUnmount() { beforeUnmount() {
if (this.itemMetadatum && this.itemMetadatum.metadatum) { if (this.itemMetadatum && this.itemMetadatum.metadatum) {
eventBusItemMetadata.$emitter.$off('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id)); eventBusItemMetadata.$emitter.off('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id));
} }
}, },
mounted () { mounted () {

View File

@ -130,12 +130,12 @@
} }
}, },
created(){ created(){
this.$root.$emitter.$on('openProcessesPopup', () => { this.$root.$emitter.on('openProcessesPopup', () => {
this.showProcesses = true; this.showProcesses = true;
}); });
}, },
beforeUnmount() { beforeUnmount() {
this.$root.$emitter.$off('openProcessesPopup'); this.$root.$emitter.off('openProcessesPopup');
}, },
methods: { methods: {
updateSearch() { updateSearch() {

View File

@ -99,10 +99,10 @@ export default {
document.title = this.$route.meta.title; document.title = this.$route.meta.title;
this.pageTitle = document.title; this.pageTitle = document.title;
this.$root.$emitter.$on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); this.$root.$emitter.on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate);
}, },
beforeUnmount() { beforeUnmount() {
this.$root.$emitter.$on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); this.$root.$emitter.on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate);
}, },
methods: { methods: {
...mapGetters('collection', [ ...mapGetters('collection', [

View File

@ -402,7 +402,7 @@
else else
this.isCheckboxListLoading = true; this.isCheckboxListLoading = true;
this.$parent.$emitter.$on('updateTaxonomyInputs', ($event) => { this.$parent.$emitter.on('updateTaxonomyInputs', ($event) => {
if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) { if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) {
this.finderColumns = []; this.finderColumns = [];
this.optionName = ''; this.optionName = '';

View File

@ -408,7 +408,7 @@
this.expandResultsSection = this.shouldBeginWithListExpanded; this.expandResultsSection = this.shouldBeginWithListExpanded;
this.$parent.$emitter.$on('updateTaxonomyInputs', ($event) => { this.$parent.$emitter.on('updateTaxonomyInputs', ($event) => {
if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) { if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) {
this.finderColumns = []; this.finderColumns = [];
this.optionName = ''; this.optionName = '';

View File

@ -398,7 +398,7 @@
this.prepareFilters(); this.prepareFilters();
if (this.isUsingElasticSearch) if (this.isUsingElasticSearch)
this.$eventBusSearch.$emitter.$on('isLoadingItems', this.updateIsLoadingItems); this.$eventBusSearch.$emitter.on('isLoadingItems', this.updateIsLoadingItems);
}, },
beforeUnmount() { beforeUnmount() {
// Cancels previous collection name Request // Cancels previous collection name Request
@ -414,7 +414,7 @@
this.filtersSearchCancel.cancel('Filters search Canceled.'); this.filtersSearchCancel.cancel('Filters search Canceled.');
if (this.isUsingElasticSearch) if (this.isUsingElasticSearch)
this.$eventBusSearch.$emitter.$off('isLoadingItems', this.updateIsLoadingItems); this.$eventBusSearch.$emitter.off('isLoadingItems', this.updateIsLoadingItems);
}, },
methods: { methods: {

View File

@ -28,7 +28,7 @@ import {
Snackbar, Snackbar,
Toast, Toast,
Numberinput Numberinput
} from 'buefy'; } from '@ntohq/buefy-next';
import VTooltip from 'floating-vue'; import VTooltip from 'floating-vue';
import draggable from 'vuedraggable'; import draggable from 'vuedraggable';
import VueTheMask from 'vue-the-mask'; import VueTheMask from 'vue-the-mask';

View File

@ -1,6 +1,6 @@
import axios from 'axios'; import axios from 'axios';
import { SnackbarProgrammatic as Snackbar } from 'buefy'; import { SnackbarProgrammatic as Snackbar } from '@ntohq/buefy-next';
import { ModalProgrammatic as Modal } from 'buefy'; import { ModalProgrammatic as Modal } from '@ntohq/buefy-next';
import CustomDialog from '../components/other/custom-dialog.vue' import CustomDialog from '../components/other/custom-dialog.vue'
// Simpler version of the i18n plugin to translate error feedback messages // Simpler version of the i18n plugin to translate error feedback messages

View File

@ -37,12 +37,12 @@ export const eventBusItemMetadata = createApp({
'isUpdatingValue' 'isUpdatingValue'
], ],
created() { created() {
this.$emitter.$on('input', this.updateValue); this.$emitter.on('input', this.updateValue);
this.$emitter.$on('removeCompoundGroup', this.removeItemMetadataGroup); this.$emitter.on('removeCompoundGroup', this.removeItemMetadataGroup);
}, },
beforeUpdate() { beforeUpdate() {
this.$emitter.$off('input', this.updateValue); this.$emitter.off('input', this.updateValue);
this.$emitter.$on('removeCompoundGroup', this.removeItemMetadataGroup); this.$emitter.on('removeCompoundGroup', this.removeItemMetadataGroup);
}, },
methods : { methods : {
updateValue({ itemId, metadatumId, values, parentMetaId, parentId }){ updateValue({ itemId, metadatumId, values, parentMetaId, parentId }){

View File

@ -29,20 +29,20 @@ export default {
'closeAdvancedSearch' 'closeAdvancedSearch'
], ],
created() { created() {
this.$emitter.$on('input', data => { this.$emitter.on('input', data => {
if (data.taxonomy) if (data.taxonomy)
this.addTaxquery(data); this.addTaxquery(data);
else else
this.addMetaquery(data); this.addMetaquery(data);
}); });
this.$root.$emitter.$on('closeAdvancedSearch', () => { this.$root.$emitter.on('closeAdvancedSearch', () => {
this.$store.dispatch('search/setPage', 1); this.$store.dispatch('search/setPage', 1);
this.performAdvancedSearch({}); this.performAdvancedSearch({});
}); });
this.$root.$emitter.$on('performAdvancedSearch', advancedSearchQuery => { this.$root.$emitter.on('performAdvancedSearch', advancedSearchQuery => {
this.$store.dispatch('search/setPage', 1); this.$store.dispatch('search/setPage', 1);
this.performAdvancedSearch(advancedSearchQuery); this.performAdvancedSearch(advancedSearchQuery);

View File

@ -851,7 +851,7 @@
this.$eventBusSearch.setCollectionId(this.collectionId); this.$eventBusSearch.setCollectionId(this.collectionId);
this.$eventBusSearch.updateStoreFromURL(); this.$eventBusSearch.updateStoreFromURL();
this.$eventBusSearch.$emitter.$on('isLoadingItems', isLoadingItems => { this.$eventBusSearch.$emitter.on('isLoadingItems', isLoadingItems => {
if (isLoadingItems != this.isLoadingItems && this.$refs['items-page-container'] && this.$refs['search-control']) { if (isLoadingItems != this.isLoadingItems && this.$refs['items-page-container'] && this.$refs['search-control']) {
@ -864,7 +864,7 @@
this.isLoadingItems = isLoadingItems; this.isLoadingItems = isLoadingItems;
}); });
this.$eventBusSearch.$emitter.$on('hasFiltered', hasFiltered => { this.$eventBusSearch.$emitter.on('hasFiltered', hasFiltered => {
this.hasFiltered = hasFiltered; this.hasFiltered = hasFiltered;
}); });
@ -872,7 +872,7 @@
this.openAdvancedSearch = this.$route.query.advancedSearch; this.openAdvancedSearch = this.$route.query.advancedSearch;
} }
this.$root.$emitter.$on('openAdvancedSearch', (openAdvancedSearch) => { this.$root.$emitter.on('openAdvancedSearch', (openAdvancedSearch) => {
this.openAdvancedSearch = openAdvancedSearch; this.openAdvancedSearch = openAdvancedSearch;
}); });
@ -1396,14 +1396,14 @@
}, 750), }, 750),
removeEventListeners() { removeEventListeners() {
// Component // Component
this.$emitter.$off(); this.$emitter.off();
// Window // Window
window.removeEventListener('resize', this.hideFiltersOnMobile); window.removeEventListener('resize', this.hideFiltersOnMobile);
// $root // $root
this.$root.$emitter.$off('openAdvancedSearch'); this.$root.$emitter.off('openAdvancedSearch');
// $eventBusSearch // $eventBusSearch
this.$eventBusSearch.$emitter.$off('isLoadingItems'); this.$eventBusSearch.$emitter.off('isLoadingItems');
this.$eventBusSearch.$emitter.$off('hasFiltered'); this.$eventBusSearch.$emitter.off('hasFiltered');
} }
} }
} }

View File

@ -7,7 +7,7 @@
// Import Bulma and Buefy styles // Import Bulma and Buefy styles
@import "../../assets/css/materialdesignicons.css"; @import "../../assets/css/materialdesignicons.css";
@import "../../../../node_modules/bulma/bulma.sass"; @import "../../../../node_modules/bulma/bulma.sass";
@import "../../../../node_modules/buefy/src/scss/buefy.scss"; @import "../../../../node_modules/@ntohq/buefy-next/src/scss/buefy.scss";
// Import Tainacan custom styles // Import Tainacan custom styles
@import "../scss/_tainacan-form.scss"; @import "../scss/_tainacan-form.scss";

View File

@ -901,7 +901,7 @@
} }
} }
this.$eventBusSearch.$emitter.$on('isLoadingItems', isLoadingItems => { this.$eventBusSearch.$emitter.on('isLoadingItems', isLoadingItems => {
this.isLoadingItems = isLoadingItems; this.isLoadingItems = isLoadingItems;
@ -915,7 +915,7 @@
})); }));
}); });
this.$eventBusSearch.$emitter.$on('hasFiltered', hasFiltered => { this.$eventBusSearch.$emitter.on('hasFiltered', hasFiltered => {
this.hasFiltered = hasFiltered; this.hasFiltered = hasFiltered;
}); });
@ -925,12 +925,12 @@
this.openAdvancedSearch = this.$route.query.advancedSearch; this.openAdvancedSearch = this.$route.query.advancedSearch;
} }
this.$root.$emitter.$on('openAdvancedSearch', (openAdvancedSearch) => { this.$root.$emitter.on('openAdvancedSearch', (openAdvancedSearch) => {
this.openAdvancedSearch = openAdvancedSearch; this.openAdvancedSearch = openAdvancedSearch;
}); });
} }
this.$eventBusSearch.$emitter.$on('startSlideshowFromItem', (index) => { this.$eventBusSearch.$emitter.on('startSlideshowFromItem', (index) => {
let currentQuery = this.$route.query; let currentQuery = this.$route.query;
delete currentQuery['slideshow-from']; delete currentQuery['slideshow-from'];
this.$router.replace({ query: currentQuery }).catch((error) => this.$console.log(error)); this.$router.replace({ query: currentQuery }).catch((error) => this.$console.log(error));
@ -1456,16 +1456,16 @@
}, 500), }, 500),
removeEventListeners() { removeEventListeners() {
// Component // Component
this.$emitter.$off(); this.$emitter.off();
// Window // Window
if (!this.hideFilters) if (!this.hideFilters)
window.removeEventListener('resize', this.hideFiltersOnMobile); window.removeEventListener('resize', this.hideFiltersOnMobile);
// $root // $root
if (!this.hideAdvancedSearch) if (!this.hideAdvancedSearch)
this.$root.$emitter.$off('openAdvancedSearch'); this.$root.$emitter.off('openAdvancedSearch');
// $eventBusSearch // $eventBusSearch
this.$eventBusSearch.$emitter.$off('isLoadingItems'); this.$eventBusSearch.$emitter.off('isLoadingItems');
this.$eventBusSearch.$emitter.$off('hasFiltered'); this.$eventBusSearch.$emitter.off('hasFiltered');
}, },
} }

View File

@ -21,7 +21,7 @@ import {
Toast, Toast,
Pagination, Pagination,
Numberinput Numberinput
} from 'buefy'; } from '@ntohq/buefy-next';
import VTooltip from 'floating-vue'; import VTooltip from 'floating-vue';
import cssVars from 'css-vars-ponyfill'; import cssVars from 'css-vars-ponyfill';
import qs from 'qs'; import qs from 'qs';

View File

@ -51,18 +51,18 @@ export default {
@import "./theme-search/scss/theme-basics.sass"; @import "./theme-search/scss/theme-basics.sass";
// Buefy imports // Buefy imports
@import "../../../../../node_modules/buefy/src/scss/utils/_all.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/utils/_all.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_form.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_form.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_datepicker.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_datepicker.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_checkbox.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_checkbox.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_radio.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_radio.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_tag.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_tag.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_loading.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_loading.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_dropdown.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dropdown.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_modal.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_modal.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_dialog.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dialog.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_notices.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_notices.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_numberinput.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_numberinput.scss";
// Block level custom variables // Block level custom variables
@import "../../../admin/scss/_custom_variables.scss"; @import "../../../admin/scss/_custom_variables.scss";

View File

@ -908,7 +908,7 @@ export default {
// CREATING NEW ITEM SUBMISSION // CREATING NEW ITEM SUBMISSION
this.createNewItem(); this.createNewItem();
eventBusItemMetadata.$emitter.$on('hasErrorsOnForm', (hasErrors) => { eventBusItemMetadata.$emitter.on('hasErrorsOnForm', (hasErrors) => {
if (hasErrors) { if (hasErrors) {
if (Array.isArray(this.formErrors)) { if (Array.isArray(this.formErrors)) {
for (let i = 0; i < this.metadataSectionCollapses.length; i++) for (let i = 0; i < this.metadataSectionCollapses.length; i++)
@ -968,7 +968,7 @@ export default {
this.form.document_type = 'url'; this.form.document_type = 'url';
}, },
beforeUnmount () { beforeUnmount () {
eventBusItemMetadata.$emitter.$off('hasErrorsOnForm'); eventBusItemMetadata.$emitter.off('hasErrorsOnForm');
}, },
methods: { methods: {
...mapActions('item', [ ...mapActions('item', [

View File

@ -21,7 +21,7 @@ import {
Taginput, Taginput,
Snackbar, Snackbar,
Steps Steps
} from 'buefy'; } from '@ntohq/buefy-next';
import VTooltip from 'floating-vue'; import VTooltip from 'floating-vue';
import cssVars from 'css-vars-ponyfill'; import cssVars from 'css-vars-ponyfill';
import VueTheMask from 'vue-the-mask'; import VueTheMask from 'vue-the-mask';

View File

@ -43,20 +43,20 @@ export default {
@import "./item-submission/scss/item-submission-basics.sass"; @import "./item-submission/scss/item-submission-basics.sass";
// Buefy imports // Buefy imports
@import "../../../../../node_modules/buefy/src/scss/utils/_all.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/utils/_all.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_datepicker.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_datepicker.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_checkbox.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_checkbox.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_radio.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_radio.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_switch.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_switch.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_upload.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_upload.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_tag.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_tag.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_loading.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_loading.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_dropdown.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dropdown.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_modal.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_modal.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_dialog.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dialog.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_notices.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_notices.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_numberinput.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_numberinput.scss";
@import "../../../../../node_modules/buefy/src/scss/components/_steps.scss"; @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_steps.scss";
// Block level custom variables // Block level custom variables
@import "../../../admin/scss/_custom_variables.scss"; @import "../../../admin/scss/_custom_variables.scss";

View File

@ -1,8 +1,8 @@
import { createApp, h } from 'vue'; import { createApp } from 'vue';
import store from '../../admin/js/store/store'; import store from '../../admin/js/store/store';
import router from './reports-router'; import router from './reports-router';
import { Snackbar, Modal } from 'buefy'; import { Snackbar, Modal } from '@ntohq/buefy-next';
import VueApexCharts from 'vue-apexcharts'; import VueApexCharts from 'vue3-apexcharts';
import cssVars from 'css-vars-ponyfill'; import cssVars from 'css-vars-ponyfill';
import { import {
I18NPlugin, I18NPlugin,
@ -69,10 +69,7 @@ export default (element) => {
} }
} }
const VueReports = createApp({ const VueReports = createApp(ReportsPage);
el: '#tainacan-reports-app',
render: () => h(ReportsPage)
});
VueReports.use(store); VueReports.use(store);
VueReports.use(router); VueReports.use(router);
@ -95,7 +92,6 @@ export default (element) => {
VueReports.component('collections-list-block', CollectionsListBlock); VueReports.component('collections-list-block', CollectionsListBlock);
VueReports.component('activities-block', ActivitiesBlock); VueReports.component('activities-block', ActivitiesBlock);
VueReports.component('activities-per-user-block', ActivitiesPerUserBlock); VueReports.component('activities-per-user-block', ActivitiesPerUserBlock);
VueReports.component('apexchart', VueApexCharts);
// Changing title of pages // Changing title of pages
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
@ -104,6 +100,8 @@ export default (element) => {
next(); next();
}); });
VueReports.mount('#tainacan-reports-app');
// Initialize Ponyfill for Custom CSS properties // Initialize Ponyfill for Custom CSS properties
cssVars({ cssVars({
// Options... // Options...

View File

@ -1,8 +1,8 @@
import { createApp, h } from 'vue'; import { createApp } from 'vue';
import store from '../../admin/js/store/store'; import store from '../../admin/js/store/store';
import router from './roles-router'; import router from './roles-router';
import FloatingVue from 'floating-vue'; import FloatingVue from 'floating-vue';
//import { Snackbar, Modal } from 'buefy'; import { Snackbar, Modal } from '@ntohq/buefy-next';
import { I18NPlugin } from './wp-i18n-plugin'; import { I18NPlugin } from './wp-i18n-plugin';
@ -18,25 +18,21 @@ export default (element) => {
// Mount only if the div exists and it is not already mounted // Mount only if the div exists and it is not already mounted
if ( pageElement && pageElement.classList && !pageElement.classList.contains('has-mounted') ) { if ( pageElement && pageElement.classList && !pageElement.classList.contains('has-mounted') ) {
const VueRoles = createApp({ const VueRoles = createApp(RolesPage);
el: '#tainacan-roles-app',
render: () => h(RolesPage)
});
VueRoles.use(I18NPlugin); VueRoles.use(I18NPlugin);
VueRoles.use(FloatingVue, { VueRoles.use(FloatingVue, {
popperTriggers: ['hover'], popperTriggers: ['hover'],
themes: { themes: {
'taianacan-tooltip': { 'taianacan-tooltip': {
'$extend': 'tooltip', $extend: 'tooltip',
triggers: ['hover', 'focus', 'touch'], triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true, html: true,
} }
} }
}); });
// VueRoles.use(Snackbar); VueRoles.use(Snackbar);
// VueRoles.use(Modal); VueRoles.use(Modal);
// Changing title of pages // Changing title of pages
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {