Basic item form and items list tweaks to follow on #794.

src/views/admin/components/edition/collection-edition-form.vue

@@ -159,9 +159,9 @@
                                                 aria-role="list"
                                                 trap-focus
                                                 position="is-top-right">
+                                            <template #trigger>
                                                 <button
                                                         class="button is-white"
-                                                    slot="trigger"
                                                         position="is-top-right"
                                                         type="button">
                                                     <span>{{ $i18n.get('label_enabled_view_modes') }}</span>
@@ -169,6 +169,7 @@
                                                         <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
                                                     </span>
                                                 </button>
+                                            </template>
                                             <b-dropdown-item
                                                     v-for="(viewMode, index) in Object.keys(registeredViewModes)"
                                                     :key="index"

src/views/admin/components/metadata-types/compound/Compound.vue

@@ -136,7 +136,7 @@
             metadataNameFilterString: '',
             isMobileScreen: false,
             isMetadataNavigation: false,
-            enumerateMetadatum: [Boolean|String],
+            enumerateMetadatum: [Boolean,String],
             isFocused: false
         },
         data() {

src/views/admin/components/metadata-types/numeric/Numeric.vue

@@ -4,7 +4,7 @@
             :ref="'tainacan-item-metadatum_id-' + itemMetadatum.metadatum.id + (itemMetadatum.parent_meta_id ? ('_parent_meta_id-' + itemMetadatum.parent_meta_id) : '')"
             :id="'tainacan-item-metadatum_id-' + itemMetadatum.metadatum.id + (itemMetadatum.parent_meta_id ? ('_parent_meta_id-' + itemMetadatum.parent_meta_id) : '')"
             :placeholder="itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : ''"
-            :model-value="value"
+            :model-value="Number(value)"
             @update:model-value="$event =>onInput($event)"
             @blur="onBlur"
             @focus="onMobileSpecialFocus"

src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue

@@ -71,7 +71,8 @@
 
             <!-- Term creation panel, used on item submission block for a simpler term creation -->
             <transition name="filter-item">
-                <term-creation-panel
+                <component
+                        :is="'term-creation-panel'"
                         :metadatum-id="itemMetadatum.metadatum.id"
                         :item-id="itemMetadatum.item.id"
                         :is-hierarchical="isHierarchical"

src/views/admin/js/event-bus-search.js

@@ -154,6 +154,7 @@ export default {
                 }
             },
             setAdminViewMode(adminViewMode) {
+                console.log('setAdminViewMode', adminViewMode);
                 this.$store.dispatch('search/setAdminViewMode', adminViewMode);
                 this.updateURLQueries();  
 
@@ -211,7 +212,7 @@ export default {
             updateURLQueries() {
                 if ( app.config.globalProperties.$route.name ) {
                     this.$router.replace({ name: app.config.globalProperties.$route.name, query: {} });
-                    this.$router.replace({ name: app.config.globalProperties.$route.name, query: this.$store.getters['search/getPostQuery'] });
+                    this.$router.replace({ name: app.config.globalProperties.$route.name, query: this.$store.getters['search/getPostQuery'], onabort: () => { console.log('abort'); }, onerror: () => { console.log('error'); }, onready: () => { console.log('ready'); }, onsuccess: () => { console.log('success'); } });
                 } else {
                     this.$router.replace({ path: '', query: {} });
                     this.$router.replace({ path: '', query: this.$store.getters['search/getPostQuery'] });

src/views/admin/js/router.js

@@ -88,13 +88,5 @@ const routes = [
 
 export default createRouter({
     routes,
-    history: createWebHashHistory(),
+    history: createWebHashHistory()
-    // set custom query resolver
-    parseQuery(query) {
-        return qs.parse(query);
-    },
-    stringifyQuery(query) {
-        let result = qs.stringify(query);
-        return result ? result : '';
-    }
 });

src/views/admin/pages/lists/items-page.vue

@@ -279,6 +279,7 @@
                     <label class="label">{{ $i18n.get('label_sort') }}&nbsp;</label>
                     <b-dropdown
                             :mobile-modal="true"
+                            :model-value="order"
                             @update:model-value="onChangeOrder"
                             aria-role="list"
                             trap-focus>
@@ -301,7 +302,7 @@
                                 aria-controls="items-list-results"
                                 role="button"
                                 :class="{ 'is-active': order == 'DESC' }"
-                                :model-value="'DESC'"
+                                :value="'DESC'"
                                 aria-role="listitem">
                             <span class="icon gray-icon">
                                 <i class="tainacan-icon tainacan-icon-18px tainacan-icon-sortdescending"/>
@@ -312,7 +313,7 @@
                                 aria-controls="items-list-results"
                                 role="button"
                                 :class="{ 'is-active': order == 'ASC' }"
-                                :model-value="'ASC'"
+                                :value="'ASC'"
                                 aria-role="listitem">
                             <span class="icon gray-icon">
                                 <i class="tainacan-icon tainacan-icon-18px tainacan-icon-sortascending"/>
@@ -920,7 +921,7 @@
                         } else {
                             this.$store.dispatch('search/set_postquery', this.$route.query);
                         }
-
+                        console.log(to, from)
                         // Finally, loads items even berfore facets so they won't stuck them 
                         if (to.fullPath != from.fullPath)
                             this.$eventBusSearch.loadItems();

webpack.common.js

@@ -101,7 +101,7 @@ module.exports = {
         new webpack.DefinePlugin({
             'TAINACAN_ENV': JSON.stringify(process.env.NODE_ENV),
             __VUE_OPTIONS_API__: true,
-            __VUE_PROD_DEVTOOLS__: false,
+            __VUE_PROD_DEVTOOLS__: true,
         }),
         new VueLoaderPlugin({
             prettify: false