From 571391b1e7b8c39415b8d43aee94e8bd328af444 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 28 Jul 2022 15:03:04 -0300
Subject: [PATCH 1/2] Few layout updates and collection page naming fix.

---
 src/components/lists/CollectionsList.vue |  7 +++----
 src/locales/translation-strings.ts       |  2 ++
 src/pages/CollectionPage.vue             |  9 +++------
 src/pages/HomePage.vue                   | 12 ++++++++++++
 src/theme/core.css                       |  1 +
 5 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/lists/CollectionsList.vue b/src/components/lists/CollectionsList.vue
index 162d384..5f5c58e 100644
--- a/src/components/lists/CollectionsList.vue
+++ b/src/components/lists/CollectionsList.vue
@@ -63,12 +63,11 @@ export default defineComponent({
         const thumbnailPlaceholder = computed (() => require('../../assets/placeholder_square_small.png'))
         const router = useRouter();
         const goToCollectionPage = (collection: any) => {
-            router .push({
+            router.push({
                 name: 'collection',
                 params: {
-                    id: collection.id,
-                    collection: JSON.stringify(collection)
-                }
+                    id: collection.id
+                },
             });
         }
         return {
diff --git a/src/locales/translation-strings.ts b/src/locales/translation-strings.ts
index 1c6254a..93a276f 100644
--- a/src/locales/translation-strings.ts
+++ b/src/locales/translation-strings.ts
@@ -7,6 +7,7 @@ export const translationStrings = {
         label_loading: 'Loading...',
         label_items_list: 'Items list',
         label_collections_list: 'Collections list',
+        label_collection_items_list: 'Collection items list',
         collection: 'Collection',
         label_site_url: 'Archive site URL',
         placeholder_site_url: 'https://my-tainacan-archive.com',
@@ -45,6 +46,7 @@ export const translationStrings = {
         label_loading: 'Carregando...',
         label_items_list: 'Lista de itens',
         label_collections_list: 'Lista de coleções',
+        label_collection_items_list: 'Lista de itens da coleção',
         collection: 'Coleção',
         label_site_url: 'URL do Site do Acervo',
         placeholder_site_url: 'https://meu-acervo-tainacan.com',
diff --git a/src/pages/CollectionPage.vue b/src/pages/CollectionPage.vue
index e617ef2..c730824 100644
--- a/src/pages/CollectionPage.vue
+++ b/src/pages/CollectionPage.vue
@@ -1,6 +1,6 @@
 <template>
     <base-layout
-            :page-title="(collectionObject && collectionObject.name) ? collectionObject.name : $t('collection')" 
+            :page-title="$t('label_collection_items_list')" 
             page-default-back-link="/collections">
         <ion-refresher slot="fixed" @ionRefresh="doRefresh($event)">
             <ion-refresher-content></ion-refresher-content>
@@ -75,8 +75,7 @@ export default defineComponent({
         IonInfiniteScrollContent
     },
     props: {
-        id: String,
-        collection: String
+        id: String
     },
     setup(props) {
         const isLoading = ref(false);
@@ -186,8 +185,7 @@ export default defineComponent({
             const { role, data } = await actionSheet.onDidDismiss();
             console.log('onDidDismiss resolved with role and data', role, data);
         }
-        const collectionObject = props.collection ? JSON.parse(props.collection + '') : false;
-        
+
         let tainacanStore = useTainacanStore();
         return {
             isLoading,
@@ -201,7 +199,6 @@ export default defineComponent({
             add,
             actionSheetLabels,
             setActionSheetLabels,
-            collectionObject,
             infiniteScroll,
             handleSearch,
         }
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index e92e771..ceefcdd 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -20,6 +20,10 @@
                 size="small"
                 routerLink="/collections">
             {{ $t('label_view_all_collections', [tainacanStore.totalHomeCollections]) }}
+            <ion-icon
+                slot="end"
+                :icon="arrowForwardOutline"
+            ></ion-icon>
         </ion-button>
         <ion-list>
             <ion-list-header>
@@ -32,6 +36,10 @@
                     size="small"
                     routerLink="/items">
                 {{ $t('label_view_all_items', [tainacanStore.totalHomeItems]) }}
+                <ion-icon
+                    slot="end"
+                    :icon="arrowForwardOutline"
+                ></ion-icon>
             </ion-button>
         </ion-list>
     </base-layout>
@@ -46,7 +54,9 @@ import { ref } from 'vue';
 import CollectionsList from '@/components/lists/CollectionsList.vue';
 import ItemsList from '@/components/lists/ItemsList.vue';
 import BaseLayout from '@/components/base/BaseLayout.vue';
+import { arrowForwardOutline } from "ionicons/icons";
 import {
+    IonIcon,
     IonButton,
     IonLoading,
     IonList,
@@ -57,6 +67,7 @@ import {
 
 export default {
     components: {
+        IonIcon,
         CollectionsList,
         ItemsList,
         BaseLayout,
@@ -83,6 +94,7 @@ export default {
         let tainacanStore = useTainacanStore();
 
         return {
+            arrowForwardOutline,
             tainacanStore,
             isLoading,
             setIsLoading,
diff --git a/src/theme/core.css b/src/theme/core.css
index 6c1251f..93cf92b 100644
--- a/src/theme/core.css
+++ b/src/theme/core.css
@@ -19,6 +19,7 @@ ion-card {
 .searchbar-input {
     border-radius: 30px !important;
     box-shadow: none !important;
+    --background: var(--ion-color-light-shade);
 }
 
 .header-md::after {

From 24b652b3973311bc6b58cd46af8ddad56d0b4167 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 28 Jul 2022 17:56:38 -0300
Subject: [PATCH 2/2] Disables multitem creation by now.

---
 package-lock.json            | 84 ++++++++++++++++++------------------
 src/pages/CollectionPage.vue | 48 ++++++++++-----------
 src/theme/core.css           |  2 +-
 3 files changed, 66 insertions(+), 68 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 02302e5..44c157d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4277,49 +4277,6 @@
         "webpack-merge": "^5.7.3",
         "webpack-virtual-modules": "^0.4.2",
         "whatwg-fetch": "^3.6.2"
-      },
-      "dependencies": {
-        "@vue/vue-loader-v15": {
-          "version": "npm:vue-loader@15.10.0",
-          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
-          "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
-          "dev": true,
-          "requires": {
-            "@vue/component-compiler-utils": "^3.1.0",
-            "hash-sum": "^1.0.2",
-            "loader-utils": "^1.1.0",
-            "vue-hot-reload-api": "^2.3.0",
-            "vue-style-loader": "^4.1.0"
-          },
-          "dependencies": {
-            "hash-sum": {
-              "version": "1.0.2",
-              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-              "dev": true
-            }
-          }
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -4598,6 +4555,47 @@
       "integrity": "sha512-zL5kygNq7hONrO1CzaUGprEAklAX+pH8J1MPMCU3Rd2xtSYkZ+PmKU3oEDRg8VAGdL5lNJHzDgrud5amFPtirw==",
       "dev": true
     },
+    "@vue/vue-loader-v15": {
+      "version": "npm:vue-loader@15.10.0",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
+      "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
+      "dev": true,
+      "requires": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      },
+      "dependencies": {
+        "hash-sum": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+          "dev": true
+        },
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        }
+      }
+    },
     "@vue/vue3-jest": {
       "version": "27.0.0",
       "resolved": "https://registry.npmjs.org/@vue/vue3-jest/-/vue3-jest-27.0.0.tgz",
diff --git a/src/pages/CollectionPage.vue b/src/pages/CollectionPage.vue
index c730824..871245a 100644
--- a/src/pages/CollectionPage.vue
+++ b/src/pages/CollectionPage.vue
@@ -132,30 +132,30 @@ export default defineComponent({
                 header: actionSheetLabels.value.header,
                 cssClass: 'item-creation-action-sheet',
                 buttons: [
-                    {
-                        text: actionSheetLabels.value.button1,
-                        icon: documentsOutline,
-                        data: 'multiple-items',  
-                        handler: () => {
-                            wpStore.openInAppBrowser('?page=tainacan_admin&mobileAppMode=true#/collections/' + props.id + '/bulk-add');
-                            wpStore.listenEventInAppBrowser((event: InAppBrowserEvent) => {
-                                if (event &&
-                                    event.data &&
-                                    (
-                                        (
-                                            event.data.type === 'item_updated' &&
-                                            event.data.item &&
-                                            event.data.item.status !== 'auto-draft'
-                                        )
-                                        || event.data.type === 'exited_from_navigation'
-                                    )
-                                ) {
-                                    wpStore.hideInAppBrowser();
-                                    loadItemsByCollection({}, true);
-                                }
-                            });
-                        },
-                    },
+                    // {
+                    //     text: actionSheetLabels.value.button1,
+                    //     icon: documentsOutline,
+                    //     data: 'multiple-items',  
+                    //     handler: () => {
+                    //         wpStore.openInAppBrowser('?page=tainacan_admin&mobileAppMode=true#/collections/' + props.id + '/bulk-add');
+                    //         wpStore.listenEventInAppBrowser((event: InAppBrowserEvent) => {
+                    //             if (event &&
+                    //                 event.data &&
+                    //                 (
+                    //                     (
+                    //                         event.data.type === 'item_updated' &&
+                    //                         event.data.item &&
+                    //                         event.data.item.status !== 'auto-draft'
+                    //                     )
+                    //                     || event.data.type === 'exited_from_navigation'
+                    //                 )
+                    //             ) {
+                    //                 wpStore.hideInAppBrowser();
+                    //                 loadItemsByCollection({}, true);
+                    //             }
+                    //         });
+                    //     },
+                    // },
                     {
                         text: actionSheetLabels.value.button3,
                         icon: documentOutline,
diff --git a/src/theme/core.css b/src/theme/core.css
index 93cf92b..ba142e1 100644
--- a/src/theme/core.css
+++ b/src/theme/core.css
@@ -19,7 +19,7 @@ ion-card {
 .searchbar-input {
     border-radius: 30px !important;
     box-shadow: none !important;
-    --background: var(--ion-color-light-shade);
+    --background: #efefef;
 }
 
 .header-md::after {