From f002916ffdb1170bfe1e44ccbfffe02d243d7528 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 26 Jan 2022 16:18:13 -0300
Subject: [PATCH 01/11] Prototype implementatin of set_tainacan_admin_options
 filter. #659

---
 src/views/admin/js/admin-main.js   | 2 +-
 src/views/class-tainacan-admin.php | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/admin/js/admin-main.js b/src/views/admin/js/admin-main.js
index d8c539d87..d979426b0 100644
--- a/src/views/admin/js/admin-main.js
+++ b/src/views/admin/js/admin-main.js
@@ -87,7 +87,7 @@ export default (element) => {
 
         // Mount only if the div exists and it is not already mounted
         if ( pageElement && pageElement.classList && !pageElement.classList.contains('has-mounted') ) {
-
+            console.log(pageElement.dataset);
             /* Registers Extra Vue Plugins passed to the window.tainacan_extra_plugins  */
             if (typeof window.tainacan_extra_plugins != "undefined") {
                 for (let [extraVuePluginName, extraVuePluginObject] of Object.entries(window.tainacan_extra_plugins))
diff --git a/src/views/class-tainacan-admin.php b/src/views/class-tainacan-admin.php
index 86971ea38..ec76d1c10 100644
--- a/src/views/class-tainacan-admin.php
+++ b/src/views/class-tainacan-admin.php
@@ -369,9 +369,10 @@ class Admin {
 
 	function admin_page() {
 		global $TAINACAN_BASE_URL;
-
+		$admin_options = apply_filters('set_tainacan_admin_options', $_GET);
+		$admin_options = json_encode($admin_options);
 		// TODO move it to a separate file and start the Vue project
-		echo "<div id='tainacan-admin-app' data-module='admin'></div>";
+		echo "<div id='tainacan-admin-app' data-module='admin' data-options='$admin_options'></div>";
 	}
 
 	function register_user_meta() {

From 8422a63d3cca0f478e060dc3925988633512477d Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 31 Jan 2022 18:19:17 -0300
Subject: [PATCH 02/11] Uses new AdminOptions helper plugin to load options
 from data attributes. #659

---
 src/views/admin/admin.vue                     | 19 ++----
 .../edition/item-bulk-edition-form.vue        |  5 +-
 .../components/edition/item-edition-form.vue  | 18 ++----
 .../admin/components/lists/items-list.vue     | 62 +++++++++----------
 .../components/lists/related-items-list.vue   |  7 +--
 .../relationship/Relationship.vue             |  9 +--
 src/views/admin/js/admin-main.js              |  6 +-
 src/views/admin/js/admin-utilities.js         | 20 ++++++
 src/views/admin/pages/lists/items-page.vue    | 20 +++---
 .../admin/pages/singles/collection-page.vue   | 12 +---
 .../dynamic-and-carousel-items-modal.js       |  4 +-
 .../blocks/carousel-items-list/edit.js        |  2 -
 .../blocks/carousel-items-list/theme.vue      |  2 -
 .../blocks/dynamic-items-list/edit.js         |  2 -
 .../blocks/dynamic-items-list/theme.vue       |  4 +-
 .../blocks/faceted-search/theme.js            |  4 +-
 .../blocks/item-submission-form/theme.js      |  3 +-
 .../blocks/items-list/items-modal.js          |  4 +-
 .../related-items-list/related-items-modal.js |  4 +-
 19 files changed, 89 insertions(+), 118 deletions(-)

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index f04ba93d1..9f8a3321e 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -3,16 +3,16 @@
             id="tainacan-admin-app" 
             class="has-mounted columns is-fullheight"
             :class="{ 
-                'tainacan-admin-iframe-mode': isIframeMode, 
-                'tainacan-admin-mobile-mode': isMobileMode, 
-                'tainacan-admin-read-mode': isReadMode
+                'tainacan-admin-iframe-mode': $adminOptions.iframemode, 
+                'tainacan-admin-mobile-mode': $adminOptions.mobilemode, 
+                'tainacan-admin-read-mode': $adminOptions.readmode
             }">
         <template v-if="activeRoute == 'HomePage'">
             <tainacan-header />
             <router-view /> 
         </template>
         <template v-else>
-            <template v-if="!isIframeMode && !isMobileMode">
+            <template v-if="!$adminOptions.iframemode && !$adminOptions.mobilemode">
                 <primary-menu 
                         :active-route="activeRoute"
                         :is-menu-compressed="isMenuCompressed"/>
@@ -68,17 +68,6 @@
                 activeRoute: '/collections'
             }
         },
-        computed: {
-            isReadMode() {
-                return this.$route && this.$route.query && this.$route.query.readmode;
-            },
-            isIframeMode() {
-                return this.$route && this.$route.query && this.$route.query.iframemode;
-            },
-            isMobileMode() {
-                return this.$route && this.$route.query && this.$route.query.mobilemode;
-            }
-        },
         watch: {
             '$route' (to) {
                 this.isMenuCompressed = (to.params.collectionId != undefined);
diff --git a/src/views/admin/components/edition/item-bulk-edition-form.vue b/src/views/admin/components/edition/item-bulk-edition-form.vue
index c0c4ae9d1..b1f485eba 100644
--- a/src/views/admin/components/edition/item-bulk-edition-form.vue
+++ b/src/views/admin/components/edition/item-bulk-edition-form.vue
@@ -5,7 +5,7 @@
                 :active.sync="isLoading"
                 :can-cancel="false"/>
         <div 
-                v-if="!isMobileMode"
+                v-if="!$adminOptions.mobilemode"
                 class="tainacan-page-title">
             <h1>{{ $i18n.get('add_items_bulk') }}</h1>
             <a 
@@ -209,9 +209,6 @@ export default {
         },
         collection() {
             return this.getCollection()
-        },
-        isMobileMode() {
-            return this.$route && this.$route.query && this.$route.query.mobilemode;
         }
     },
     created() {
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index 2c616bf83..82d426bbe 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -6,7 +6,7 @@
                 :can-cancel="false"/>
 
         <div 
-                v-if="!isMobileMode || (isMobileMode && isEditingMetadataIframeMode)"
+                v-if="!$adminOptions.mobilemode || ($adminOptions.mobilemode && isEditingMetadataIframeMode)"
                 class="tainacan-page-title">
             <h1 v-if="isCreatingNewItem">
                 <span
@@ -23,7 +23,7 @@
                 <span style="font-weight: 600;">{{ (item != null && item != undefined) ? item.title : '' }}</span>
             </h1>
             <a
-                    v-if="!isIframeMode"
+                    v-if="!$adminOptions.iframemode"
                     @click="$router.go(-1)"
                     class="back-link has-text-secondary">
                 {{ $i18n.get('back') }}
@@ -57,7 +57,7 @@
 
                             <!-- Collection -------------------------------- -->
                             <div 
-                                    v-if="!isMobileMode"
+                                    v-if="!$adminOptions.mobilemode"
                                     class="column is-narrow">
                                 <div class="section-label">
                                     <label>{{ $i18n.get('collection') }}</label>
@@ -226,7 +226,7 @@
                                         :item-id="itemId"
                                         :collection-id="collectionId"
                                         :related-items="item.related_items"
-                                        :is-editable="!isIframeMode"
+                                        :is-editable="!$adminOptions.iframemode"
                                         :is-loading.sync="isLoading" />
                                 
                             </b-tab-item>
@@ -1057,14 +1057,8 @@ export default {
         formErrors() {
            return eventBusItemMetadata && eventBusItemMetadata.errors && eventBusItemMetadata.errors.length ? eventBusItemMetadata.errors : []
         },
-        isIframeMode() {
-            return this.$route.query && this.$route.query.iframemode;
-        },
         isEditingMetadataIframeMode() {
             return this.$route.query && this.$route.query.editingmetadata;
-        },
-        isMobileMode() {
-            return this.$route.query && this.$route.query.mobilemode;
         }
     },
     watch: {
@@ -1268,7 +1262,7 @@ export default {
                 
                 this.isLoading = false;
 
-                if (!this.isIframeMode) {
+                if (!this.$adminOptions.iframemode) {
 
                     if (!this.isOnSequenceEdit) {
                         if (this.form.status != 'trash') {
@@ -1313,7 +1307,7 @@ export default {
             });
         },
         onDiscard() {
-            if (!this.isIframeMode)
+            if (!this.$adminOptions.iframemode)
                 this.$router.go(-1);
             else
                 parent.postMessage({ 
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index 244fc0f0a..0b3cae194 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -112,7 +112,7 @@
 
             <!-- Context menu for right click selection -->
             <div
-                    v-if="cursorPosY > 0 && cursorPosX > 0 && !isReadMode"
+                    v-if="cursorPosY > 0 && cursorPosX > 0 && !$adminOptions.readmode"
                     class="context-menu">
 
                 <!-- Backdrop for escaping context menu -->
@@ -127,12 +127,12 @@
                         trap-focus>
                     <b-dropdown-item
                             @click="openItem()"
-                            v-if="!isOnTrash && !isIframeMode">
+                            v-if="!isOnTrash && !$adminOptions.iframemode">
                         {{ $i18n.getFrom('items','view_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="openItemOnNewTab()"
-                            v-if="!isOnTrash && !isIframeMode">
+                            v-if="!isOnTrash && !$adminOptions.iframemode">
                         {{ $i18n.get('label_open_item_new_tab') }}
                     </b-dropdown-item>
                     <b-dropdown-item
@@ -142,17 +142,17 @@
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="goToItemEditPage(contextMenuItem)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !isIframeMode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
                         {{ $i18n.getFrom('items','edit_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="makeCopiesOfOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !isIframeMode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
                         {{ $i18n.get('label_make_copies_of_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="deleteOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !isIframeMode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
                         {{ $i18n.get('label_delete_item') }}
                     </b-dropdown-item>
                 </b-dropdown>
@@ -174,7 +174,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="grid-item-checkbox">
                         <b-checkbox
@@ -190,7 +190,7 @@
 
                     <!-- Title -->
                     <div
-                            :style="{ 'padding-left': !collectionId || !(isIframeMode || collection && collection.current_user_can_bulk_edit) || isReadMode? '0.5em !important' : (isOnAllItemsTabs ? '1.875em' : '2.75em') }"
+                            :style="{ 'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode? '0.5em !important' : (isOnAllItemsTabs ? '1.875em' : '2.75em') }"
                             class="metadata-title">
                         <p
                                 v-tooltip="{
@@ -241,7 +241,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !isIframeMode"
+                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -315,7 +315,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="masonry-item-checkbox">
                         <label
@@ -340,7 +340,7 @@
                     <!-- Title -->
                     <div
                             :style="{
-                                'padding-left': !collectionId || !(isIframeMode || collection && collection.current_user_can_bulk_edit) || isReadMode ? '0 !important' : (isOnAllItemsTabs ? '0.5em' : '1em')
+                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '0 !important' : (isOnAllItemsTabs ? '0.5em' : '1em')
                             }"
                             @click.left="onClickItem($event, item)"
                             @click.right="onRightClickItem($event, item)"
@@ -381,7 +381,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !isIframeMode"
+                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -450,7 +450,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="card-checkbox">
                         <b-checkbox
@@ -467,7 +467,7 @@
                     <!-- Title -->
                     <div
                             :style="{
-                                'padding-left': !collectionId || !(isIframeMode || collection && collection.current_user_can_bulk_edit) || isReadMode ? '0.5em !important' : (isOnAllItemsTabs ? '2.125em' : '2.75em'),
+                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '0.5em !important' : (isOnAllItemsTabs ? '2.125em' : '2.75em'),
                             }"
                             class="metadata-title">
                         <p
@@ -502,7 +502,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !isIframeMode"
+                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -643,7 +643,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="record-checkbox">
                         <label
@@ -669,7 +669,7 @@
                     <div
                             class="metadata-title"
                             :style="{
-                                'padding-left': !collectionId || !(isIframeMode || collection && collection.current_user_can_bulk_edit) || isReadMode ? '1.5em !important' : '2.75em'
+                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '1.5em !important' : '2.75em'
                             }">
                         <span 
                                 v-if="isOnAllItemsTabs && $statusHelper.hasIcon(item.status)"
@@ -722,7 +722,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !isIframeMode"
+                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -837,7 +837,7 @@
                     <tr>
                         <!-- Checking list -->
                         <th
-                                v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)">
+                                v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)">
                             &nbsp;
                             <!-- nothing to show on header for checkboxes -->
                         </th>
@@ -886,7 +886,7 @@
                         <!-- Checking list -->
                         <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                         <td
-                                v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                                v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                                 :class="{ 'is-selecting': isSelectingItems }"
                                 class="checkbox-cell">
                             <b-checkbox
@@ -1051,7 +1051,7 @@
 
                         <!-- Actions -->
                         <td 
-                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !isIframeMode"
+                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !$adminOptions.iframemode"
                                 class="actions-cell"
                                 :label="$i18n.get('label_actions')">
                             <div class="actions-container">
@@ -1122,7 +1122,7 @@
                         :class="{ 'selected-list-item': getSelectedItemChecked(item.id) == true }">
 
                     <div
-                            v-if="collectionId && !isReadMode && (isIframeMode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="list-checkbox">
                         <label
@@ -1185,7 +1185,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !isIframeMode"
+                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -1324,7 +1324,7 @@ export default {
             return this.getHighlightedItem();
         },
         selectedItems () {
-            if (this.isIframeMode)
+            if (this.$adminOptions.iframemode)
                 this.$eventBusSearch.setSelectedItemsForIframe(this.getSelectedItems());
 
             return this.getSelectedItems();
@@ -1354,12 +1354,6 @@ export default {
         totalPages(){
             return Math.ceil(Number(this.totalItems)/Number(this.itemsPerPage));
         },
-        isIframeMode () {
-            return this.$route && this.$route.query && this.$route.query.iframemode;
-        },
-        isReadMode () {
-            return this.$route && this.$route.query && this.$route.query.readmode;
-        },
         isSingleSelectionMode () {
             return this.$route && this.$route.query && this.$route.query.singleselectionmode;
         },
@@ -1386,7 +1380,7 @@ export default {
         },
         singleItemSelection() {
 
-            if (this.isSingleSelectionMode && this.isIframeMode)
+            if (this.isSingleSelectionMode && this.$adminOptions.iframemode)
                 this.$eventBusSearch.setSelectedItemsForIframe([this.singleItemSelection], true);
         }
     },
@@ -1676,9 +1670,9 @@ export default {
                 }
 
             } else {
-                if (this.isIframeMode && !this.isReadMode) {
+                if (this.$adminOptions.iframemode && !this.$adminOptions.readmode) {
                     this.setSelectedItemChecked(item.id)
-                } else if (!this.isIframeMode && !this.isReadMode) {
+                } else if (!this.$adminOptions.iframemode && !this.$adminOptions.readmode) {
                     if(this.isOnTrash){
                         this.$buefy.toast.open({
                             duration: 3000,
@@ -1693,7 +1687,7 @@ export default {
             }
         },
         onRightClickItem($event, item) {
-            if (!this.isReadMode) {
+            if (!this.$adminOptions.readmode) {
                 $event.preventDefault();
 
                 this.cursorPosX = $event.clientX;
diff --git a/src/views/admin/components/lists/related-items-list.vue b/src/views/admin/components/lists/related-items-list.vue
index 8327fd2f9..1c1a80500 100644
--- a/src/views/admin/components/lists/related-items-list.vue
+++ b/src/views/admin/components/lists/related-items-list.vue
@@ -137,7 +137,7 @@
                     <iframe 
                             width="100%"
                             style="height: 85vh"
-                            :src="adminFullURL + $routerHelper.getItemEditPath(collectionId, editItemId) + '?iframemode=true&editingmetadata=' + editMetadataId + (isMobileMode ? '&mobilemode=true' : '')" />
+                            :src="adminURL + 'iframemode=true' + ($adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + $routerHelper.getItemEditPath(collectionId, editItemId) + '?editingmetadata=' + editMetadataId" />
                 </b-modal>
             </div>
         </div>
@@ -160,7 +160,7 @@
                 editMetadataId: false,
                 editItemId: false,
                 editItemModal: false,
-                adminFullURL: tainacan_plugin.admin_url + 'admin.php?page=tainacan_admin#',
+                adminURL: tainacan_plugin.admin_url + 'admin.php?',
                 isUpdatingRelatedItems: false
             }
         },
@@ -170,9 +170,6 @@
             },
             displayLoading() {
                 return this.isLoading || this.isUpdatingRelatedItems;
-            },
-            isMobileMode() {
-                return this.$route && this.$route.query && this.$route.query.mobilemode;
             }
         },
         watch: {
diff --git a/src/views/admin/components/metadata-types/relationship/Relationship.vue b/src/views/admin/components/metadata-types/relationship/Relationship.vue
index f94d42811..d0bbc9563 100644
--- a/src/views/admin/components/metadata-types/relationship/Relationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/Relationship.vue
@@ -158,7 +158,7 @@
                 page: 1,
                 activeTab: 0,
                 editItemModalOpen: false,
-                adminFullURL: tainacan_plugin.admin_url + 'admin.php?page=tainacan_admin#',
+                adminURL: tainacan_plugin.admin_url + 'admin.php?',
                 currentUserCanEditItems: false,
                 selectedValuesAsHtml: []
             }
@@ -178,9 +178,9 @@
             },
             itemModalSrc() {
                 if (this.editingItemId)
-                    return this.adminFullURL + this.$routerHelper.getItemEditPath(this.collectionId, this.editingItemId) + '?iframemode=true' + (this.isMobileMode ? '&mobilemode=true' : '');
+                    return this.adminURL + 'iframemode=true' + (this.$adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getItemEditPath(this.collectionId, this.editingItemId);
                 else
-                    return this.adminFullURL + this.$routerHelper.getNewItemPath(this.collectionId) + '?iframemode=true&newmetadatumid=' + this.itemMetadatum.metadatum.metadata_type_options.search + '&newitemtitle=' + this.searchQuery + (this.isMobileMode ? '&mobilemode=true' : '');
+                    return this.adminURL + 'iframemode=true' + (this.$adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getNewItemPath(this.collectionId) + '?newmetadatumid=' + this.itemMetadatum.metadatum.metadata_type_options.search + '&newitemtitle=' + this.searchQuery;
             },
             relationshipInputId() {
                 if (this.itemMetadatum && this.itemMetadatum.metadatum)
@@ -195,9 +195,6 @@
                        this.itemMetadatum.metadatum.metadata_type_options.display_related_item_metadata &&
                        this.itemMetadatum.metadatum.metadata_type_options.display_related_item_metadata.length &&
                        this.itemMetadatum.metadatum.metadata_type_options.display_related_item_metadata.length > 1;
-            },
-            isMobileMode() {
-                return this.$route && this.$route.query && this.$route.query.mobilemode;
             }
         },
         watch: {
diff --git a/src/views/admin/js/admin-main.js b/src/views/admin/js/admin-main.js
index d979426b0..24c51e791 100644
--- a/src/views/admin/js/admin-main.js
+++ b/src/views/admin/js/admin-main.js
@@ -68,7 +68,8 @@ import {
     ConsolePlugin,
     UserCapabilitiesPlugin,
     StatusHelperPlugin,
-    CommentsStatusHelperPlugin 
+    CommentsStatusHelperPlugin,
+    AdminOptionsHelperPlugin 
 } from './admin-utilities';
 import { 
     ThumbnailHelperPlugin,
@@ -87,7 +88,7 @@ export default (element) => {
 
         // Mount only if the div exists and it is not already mounted
         if ( pageElement && pageElement.classList && !pageElement.classList.contains('has-mounted') ) {
-            console.log(pageElement.dataset);
+
             /* Registers Extra Vue Plugins passed to the window.tainacan_extra_plugins  */
             if (typeof window.tainacan_extra_plugins != "undefined") {
                 for (let [extraVuePluginName, extraVuePluginObject] of Object.entries(window.tainacan_extra_plugins))
@@ -113,6 +114,7 @@ export default (element) => {
             Vue.use(ConsolePlugin, {visual: false});
             Vue.use(VueTheMask);
             Vue.use(CommentsStatusHelperPlugin);
+            Vue.use(AdminOptionsHelperPlugin, pageElement.dataset['options']);
 
 
             /* Registers Extra Vue Components passed to the window.tainacan_extra_components  */
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index c64f566cd..2bd98e7f0 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -435,4 +435,24 @@ CommentsStatusHelperPlugin.install = function (Vue, options = {}) {
         }
     }
 
+};
+
+// ADMIN OPTIONS HELPER PLUGIN - Stores options passed to the data-options in the admin div.
+export const AdminOptionsHelperPlugin = {};
+AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
+    try {
+        let objectOptions = JSON.parse(options);
+        for (let key in objectOptions) {
+            if (objectOptions.hasOwnProperty(key)) {
+                if (objectOptions[key] === 'true')
+                    objectOptions[key] = true;
+                if (objectOptions[key] === 'false' || objectOptions[key] == undefined || !objectOptions[key])
+                    objectOptions[key] = false;
+            }
+        }
+        Vue.prototype.$adminOptions = objectOptions;
+
+    } catch(e) {
+        Vue.prototype.$adminOptions = {};
+    }
 };
\ No newline at end of file
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index 2e3dc117e..1d12ed9af 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -9,7 +9,7 @@
 
         <!-- PAGE TITLE --------------------- -->
         <tainacan-title
-                v-if="!isIframeMode && !isReadMode && !openAdvancedSearch" 
+                v-if="!$adminOptions.iframemode && !$adminOptions.readmode && !openAdvancedSearch" 
                 :bread-crumb-items="[{ path: '', label: this.$i18n.get('items') }]"/>
         <div 
                 v-else-if="openAdvancedSearch"
@@ -101,7 +101,7 @@
             <!-- Item Creation Dropdown, only on Admin -->
             <div 
                     class="search-control-item"
-                    v-if="!isIframeMode &&
+                    v-if="!$adminOptions.iframemode &&
                             !openAdvancedSearch &&
                             collection && 
                             collection.current_user_can_edit_items">
@@ -413,7 +413,7 @@
 
             <!-- Exposers or alternative links modal button -->
             <div 
-                    v-if="!isIframeMode"
+                    v-if="!$adminOptions.iframemode"
                     class="search-control-item">
                 <button 
                         class="button is-white"
@@ -495,7 +495,7 @@
 
             <!-- STATUS TABS, only on Admin -------- -->
             <items-status-tabs 
-                    v-if="!openAdvancedSearch && !isIframeMode"
+                    v-if="!openAdvancedSearch && !$adminOptions.iframemode"
                     :is-repository-level="isRepositoryLevel"/>
 
             <!-- FILTERS TAG LIST-->
@@ -596,7 +596,7 @@
                         </p>
 
                         <router-link
-                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !isIframeMode"
+                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.iframemode"
                                 id="button-create-item"
                                 tag="button"
                                 class="button is-secondary"
@@ -604,7 +604,7 @@
                             {{ $i18n.getFrom('items', 'add_new') }}
                         </router-link> 
                         <button
-                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !isIframeMode"
+                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.iframemode"
                                 id="button-create-item"
                                 class="button is-secondary"
                                 @click="onOpenCollectionsModal">
@@ -720,13 +720,7 @@
                     metakey: this.$route.query.metakey
                 }, this.sortingMetadata);
                 return this.$route.query.metakey ? metadatumName : this.$i18n.get(metadatumName);
-            },
-            isReadMode () {
-                return this.$route && this.$route.query && this.$route.query.readmode;
-            },
-            isIframeMode () {
-                return this.$route && this.$route.query && this.$route.query.iframemode;
-            },
+            }
         },
         watch: {
             displayedMetadata() {
diff --git a/src/views/admin/pages/singles/collection-page.vue b/src/views/admin/pages/singles/collection-page.vue
index e73bc925f..0786fbc60 100644
--- a/src/views/admin/pages/singles/collection-page.vue
+++ b/src/views/admin/pages/singles/collection-page.vue
@@ -1,9 +1,9 @@
 <template>
     <div 
             class="columns is-fullheight"
-            :class="{ 'tainacan-admin-collection-mobile-mode': isMobileMode }">
+            :class="{ 'tainacan-admin-collection-mobile-mode': $adminOptions.mobilemode }">
         <section class="column is-secondary-content">
-            <tainacan-collection-subheader v-if="!isIframeMode && !isMobileMode" />
+            <tainacan-collection-subheader v-if="!$adminOptions.iframemode && !$adminOptions.mobilemode" />
 
             <router-view
                     id="collection-page-container"
@@ -27,14 +27,6 @@ export default {
             collectionId: Number
         }
     },
-    computed: {
-        isIframeMode() {
-            return this.$route && this.$route.query && this.$route.query.iframemode;
-        },
-        isMobileMode() {
-            return this.$route && this.$route.query && this.$route.query.mobilemode;
-        }
-    },
     watch: {
         '$route' (to, from) {
             if (!this.isRepositoryLevel && from.path != undefined && to.path != from.path && this.collectionId != this.$route.params.collectionId) {
diff --git a/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js b/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
index 8f9a09e10..89817841a 100644
--- a/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
@@ -48,7 +48,7 @@ export default class CarouselItemsModal extends React.Component {
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
             this.setState({ 
-                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/'+ this.props.existingCollectionId +  (this.props.loadStrategy == 'search' ? '/items/?iframemode=true&readmode=true&status=publish' : '/items/?iframemode=true&status=publish')
+                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?iframemode=true' + (this.props.loadStrategy == 'search' ? '&readmode=true' : '') + '&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
             });
         } else {
             this.setState({ collectionPage: 1 });
@@ -116,7 +116,7 @@ export default class CarouselItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/' + selectedCollectionId + (this.props.loadStrategy == 'search' ? '/items/?iframemode=true&readmode=true&status=publish' : '/items/?iframemode=true&status=publish')
+            searchURL: tainacan_blocks.admin_url + 'admin.php?iframemode=true' + (this.props.loadStrategy == 'search' ? '&readmode=true' : '') + '&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
         this.props.onSelectCollection(selectedCollectionId);
         this.fetchCollection(selectedCollectionId);
diff --git a/src/views/gutenberg-blocks/blocks/carousel-items-list/edit.js b/src/views/gutenberg-blocks/blocks/carousel-items-list/edit.js
index 5d79ef587..5c95c64c8 100644
--- a/src/views/gutenberg-blocks/blocks/carousel-items-list/edit.js
+++ b/src/views/gutenberg-blocks/blocks/carousel-items-list/edit.js
@@ -159,8 +159,6 @@ export default function({ attributes, setAttributes, className, isSelected, clie
             }
 
             // Remove unecessary queries
-            delete queryObject.readmode;
-            delete queryObject.iframemode;
             delete queryObject.admin_view_mode;
             delete queryObject.fetch_only_meta;
             
diff --git a/src/views/gutenberg-blocks/blocks/carousel-items-list/theme.vue b/src/views/gutenberg-blocks/blocks/carousel-items-list/theme.vue
index d37fa0ab3..a1699b8a8 100644
--- a/src/views/gutenberg-blocks/blocks/carousel-items-list/theme.vue
+++ b/src/views/gutenberg-blocks/blocks/carousel-items-list/theme.vue
@@ -362,8 +362,6 @@ export default {
                     this.paged = 1;
 
                 // Remove unecessary queries
-                delete queryObject.readmode;
-                delete queryObject.iframemode;
                 delete queryObject.admin_view_mode;
                 delete queryObject.fetch_only_meta;
                 
diff --git a/src/views/gutenberg-blocks/blocks/dynamic-items-list/edit.js b/src/views/gutenberg-blocks/blocks/dynamic-items-list/edit.js
index afa51d630..c4d60aa5f 100644
--- a/src/views/gutenberg-blocks/blocks/dynamic-items-list/edit.js
+++ b/src/views/gutenberg-blocks/blocks/dynamic-items-list/edit.js
@@ -273,8 +273,6 @@ export default function({ attributes, setAttributes, className, isSelected, clie
                 }
 
                 // Remove unecessary queries
-                delete queryObject.readmode;
-                delete queryObject.iframemode;
                 delete queryObject.admin_view_mode;
                 delete queryObject.fetch_only_meta;
                 
diff --git a/src/views/gutenberg-blocks/blocks/dynamic-items-list/theme.vue b/src/views/gutenberg-blocks/blocks/dynamic-items-list/theme.vue
index 0b6b8ad5c..1c4745879 100644
--- a/src/views/gutenberg-blocks/blocks/dynamic-items-list/theme.vue
+++ b/src/views/gutenberg-blocks/blocks/dynamic-items-list/theme.vue
@@ -432,9 +432,7 @@ export default {
                 else
                     this.paged = 1;
 
-                // emove unecessary queries
-                delete queryObject.readmode;
-                delete queryObject.iframemode;
+                // Remove unecessary queries
                 delete queryObject.admin_view_mode;
                 delete queryObject.fetch_only_meta;
                 
diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme.js b/src/views/gutenberg-blocks/blocks/faceted-search/theme.js
index 5354e915b..709267154 100644
--- a/src/views/gutenberg-blocks/blocks/faceted-search/theme.js
+++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme.js
@@ -39,7 +39,8 @@ import eventBusSearch from '../../../admin/js/event-bus-search';
 import { 
     I18NPlugin,
     UserPrefsPlugin,
-    ConsolePlugin
+    ConsolePlugin,
+    AdminOptionsHelperPlugin
 } from '../../../admin/js/admin-utilities';
 import { 
     ThumbnailHelperPlugin,
@@ -80,6 +81,7 @@ export default (element) => {
             Vue.use(ThumbnailHelperPlugin);
             Vue.use(OrderByHelperPlugin);
             Vue.use(ConsolePlugin, {visual: false});
+            Vue.use(AdminOptionsHelperPlugin, blockElement.dataset['options']);
 
             /* Registers Extra Vue Components passed to the window.tainacan_extra_components  */
             if (typeof window.tainacan_extra_components != "undefined") {
diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js
index bc7856c7e..9e8e13a02 100644
--- a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js
+++ b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js
@@ -25,7 +25,7 @@ import TainacanFormItem from '../../../admin/components/metadata-types/tainacan-
 import TermCreationPanel from './item-submission/components/term-creation-panel.vue';
 import HelpButton from '../../../admin/components/other/help-button.vue';
 import store from '../../../admin/js/store/store';
-import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, StatusHelperPlugin, CommentsStatusHelperPlugin } from '../../../admin/js/admin-utilities';
+import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, StatusHelperPlugin, CommentsStatusHelperPlugin, AdminOptionsHelperPlugin } from '../../../admin/js/admin-utilities';
 import { ThumbnailHelperPlugin } from '../../../admin/js/utilities';
 
 export default (element) => {
@@ -61,6 +61,7 @@ export default (element) => {
             Vue.use(VueTheMask);
             Vue.use(CommentsStatusHelperPlugin);
             Vue.use(ThumbnailHelperPlugin);
+            Vue.use(AdminOptionsHelperPlugin, blockElement.dataset['options']);
 
             /* Registers Extra Vue Components passed to the window.tainacan_extra_components  */
             if (typeof window.tainacan_extra_components != "undefined") {
diff --git a/src/views/gutenberg-blocks/blocks/items-list/items-modal.js b/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
index 7185b824e..81468ea96 100644
--- a/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
@@ -50,7 +50,7 @@ export default class ItemsModal extends React.Component {
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
             this.setState({ 
-                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?iframemode=true&status=publish' });
+                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?iframemode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish' });
         } else {
             this.setState({ collectionPage: 1 });
             this.fetchModalCollections();
@@ -175,7 +175,7 @@ export default class ItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?iframemode=true&status=publish'
+            searchURL: tainacan_blocks.admin_url + 'admin.php?iframemode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
         
         this.props.onSelectCollection(selectedCollectionId);
diff --git a/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js b/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
index ce3a4ab86..0523c5486 100644
--- a/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
@@ -49,7 +49,7 @@ export default class RelatedItemsModal extends React.Component {
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
             this.setState({ 
-                searchURL: tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?singleselectionmode=true&iframemode=true&status=publish'
+                searchURL: tainacan_blocks.admin_url + 'admin.php?singleselectionmode=true&iframemode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
             });
         } else {
             this.setState({ collectionPage: 1 });
@@ -117,7 +117,7 @@ export default class RelatedItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?singleselectionmode=true&iframemode=true&status=publish'
+            searchURL: tainacan_blocks.admin_url + 'admin.php?singleselectionmode=true&iframemode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
 
         this.props.onSelectCollection(selectedCollectionId);

From 224a7c78118976ef535ded020cb67b49846c1537 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 1 Feb 2022 11:22:33 -0300
Subject: [PATCH 03/11] Creates some especific options for admin and groups
 them on 'modes' #659.

---
 src/views/admin/admin.vue                     | 55 ++++++++++---------
 .../edition/item-bulk-edition-form.vue        |  2 +-
 .../components/edition/item-edition-form.vue  |  6 +-
 .../admin/components/lists/items-list.vue     | 45 ++++++++-------
 src/views/admin/js/admin-utilities.js         | 54 ++++++++++++++++++
 src/views/admin/pages/lists/items-page.vue    | 12 ++--
 .../admin/pages/singles/collection-page.vue   |  2 +-
 .../scss/_iframe_special_modes_overrides.scss | 28 ----------
 8 files changed, 117 insertions(+), 87 deletions(-)

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index 9f8a3321e..ddb7e8ba2 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -8,36 +8,37 @@
                 'tainacan-admin-read-mode': $adminOptions.readmode
             }">
         <template v-if="activeRoute == 'HomePage'">
-            <tainacan-header />
+            <tainacan-header v-if="!$adminOptions.hideTainacanHeader" />
             <router-view /> 
         </template>
         <template v-else>
-            <template v-if="!$adminOptions.iframemode && !$adminOptions.mobilemode">
-                <primary-menu 
-                        :active-route="activeRoute"
-                        :is-menu-compressed="isMenuCompressed"/>
-                <button 
-                        class="is-hidden-mobile"
-                        id="menu-compress-button"
-                        @click="isMenuCompressed = !isMenuCompressed">          
-                    <span
-                            v-tooltip="{
-                                content: $i18n.get('label_shrink_menu'),
-                                autoHide: true,
-                                placement: 'auto-end',
-                                classes: ['tainacan-tooltip', 'tooltip', 'repository-tooltip']     
-                            }"
-                            class="icon">
-                        <i 
-                                :class="{ 'tainacan-icon-arrowleft' : !isMenuCompressed, 'tainacan-icon-arrowright' : isMenuCompressed }"
-                                class="tainacan-icon tainacan-icon-1-25em"/>
-                    </span>
-                </button>
-                <tainacan-header />
-                <tainacan-repository-subheader 
-                        :is-repository-level="isRepositoryLevel"
-                        :is-menu-compressed="isMenuCompressed"/>
-            </template>
+            <primary-menu
+                    v-if="!$adminOptions.hidePrimaryMenu" 
+                    :active-route="activeRoute"
+                    :is-menu-compressed="isMenuCompressed"/>
+            <button 
+                    v-if="!$adminOptions.hideMenuCompressButton" 
+                    class="is-hidden-mobile"
+                    id="menu-compress-button"
+                    @click="isMenuCompressed = !isMenuCompressed">          
+                <span
+                        v-tooltip="{
+                            content: $i18n.get('label_shrink_menu'),
+                            autoHide: true,
+                            placement: 'auto-end',
+                            classes: ['tainacan-tooltip', 'tooltip', 'repository-tooltip']     
+                        }"
+                        class="icon">
+                    <i 
+                            :class="{ 'tainacan-icon-arrowleft' : !isMenuCompressed, 'tainacan-icon-arrowright' : isMenuCompressed }"
+                            class="tainacan-icon tainacan-icon-1-25em"/>
+                </span>
+            </button>
+            <tainacan-header v-if="!$adminOptions.hideTainacanHeader" />
+            <tainacan-repository-subheader
+                    v-if="!$adminOptions.hideTainacanRepositorySubheader" 
+                    :is-repository-level="isRepositoryLevel"
+                    :is-menu-compressed="isMenuCompressed"/>
             <div 
                     id="repository-container"
                     class="column is-main-content">  
diff --git a/src/views/admin/components/edition/item-bulk-edition-form.vue b/src/views/admin/components/edition/item-bulk-edition-form.vue
index b1f485eba..c630f23e4 100644
--- a/src/views/admin/components/edition/item-bulk-edition-form.vue
+++ b/src/views/admin/components/edition/item-bulk-edition-form.vue
@@ -5,7 +5,7 @@
                 :active.sync="isLoading"
                 :can-cancel="false"/>
         <div 
-                v-if="!$adminOptions.mobilemode"
+                v-if="!$adminOptions.hideBulkEditionPageTitle"
                 class="tainacan-page-title">
             <h1>{{ $i18n.get('add_items_bulk') }}</h1>
             <a 
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index 82d426bbe..d6c3099a4 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -6,7 +6,7 @@
                 :can-cancel="false"/>
 
         <div 
-                v-if="!$adminOptions.mobilemode || ($adminOptions.mobilemode && isEditingMetadataIframeMode)"
+                v-if="!$adminOptions.hideItemEditionPageTitle || ($adminOptions.hideItemEditionPageTitle && isEditingMetadataIframeMode)"
                 class="tainacan-page-title">
             <h1 v-if="isCreatingNewItem">
                 <span
@@ -23,7 +23,7 @@
                 <span style="font-weight: 600;">{{ (item != null && item != undefined) ? item.title : '' }}</span>
             </h1>
             <a
-                    v-if="!$adminOptions.iframemode"
+                    v-if="!$adminOptions.hideItemEditionPageBackButton"
                     @click="$router.go(-1)"
                     class="back-link has-text-secondary">
                 {{ $i18n.get('back') }}
@@ -57,7 +57,7 @@
 
                             <!-- Collection -------------------------------- -->
                             <div 
-                                    v-if="!$adminOptions.mobilemode"
+                                    v-if="!$adminOptions.hideCollectionNameInItemPage"
                                     class="column is-narrow">
                                 <div class="section-label">
                                     <label>{{ $i18n.get('collection') }}</label>
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index 0b3cae194..c20d1cf8e 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -5,7 +5,9 @@
         <div
                 v-if="collectionId && collection && collection.current_user_can_edit_items && collection.current_user_can_bulk_edit"
                 class="selection-control">
-            <div class="field select-all is-pulled-left">
+            <div 
+                    v-if="!$adminOptions.hideMultipleItemSelection"
+                    class="field select-all is-pulled-left">
                 <span>
                     <b-checkbox
                             @click.native.prevent="selectAllItemsOnPage()"
@@ -48,6 +50,7 @@
                 </button>
             </span>
             <div 
+                    v-if="!$adminOptions.hideBulkActionsDropdown"
                     style="margin-left: auto;"
                     class="field">
                 <b-dropdown
@@ -112,7 +115,7 @@
 
             <!-- Context menu for right click selection -->
             <div
-                    v-if="cursorPosY > 0 && cursorPosX > 0 && !$adminOptions.readmode"
+                    v-if="cursorPosY > 0 && cursorPosX > 0 && !$adminOptions.hideContextMenu"
                     class="context-menu">
 
                 <!-- Backdrop for escaping context menu -->
@@ -127,12 +130,12 @@
                         trap-focus>
                     <b-dropdown-item
                             @click="openItem()"
-                            v-if="!isOnTrash && !$adminOptions.iframemode">
+                            v-if="!isOnTrash && !$adminOptions.hideContextMenuOpenItemOption">
                         {{ $i18n.getFrom('items','view_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="openItemOnNewTab()"
-                            v-if="!isOnTrash && !$adminOptions.iframemode">
+                            v-if="!isOnTrash && !$adminOptions.hideContextMenuOpenItemOnNewTabOption">
                         {{ $i18n.get('label_open_item_new_tab') }}
                     </b-dropdown-item>
                     <b-dropdown-item
@@ -142,17 +145,17 @@
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="goToItemEditPage(contextMenuItem)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuEditItemOption">
                         {{ $i18n.getFrom('items','edit_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="makeCopiesOfOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuCopyItemOption">
                         {{ $i18n.get('label_make_copies_of_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="deleteOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.iframemode">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuDeleteItemOption">
                         {{ $i18n.get('label_delete_item') }}
                     </b-dropdown-item>
                 </b-dropdown>
@@ -172,9 +175,9 @@
                         class="tainacan-grid-item">
 
                     <!-- Checkbox -->
-                    <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
+                    <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit for repository level is implemented -->
                     <div
-                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="grid-item-checkbox">
                         <b-checkbox
@@ -241,7 +244,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -315,7 +318,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="masonry-item-checkbox">
                         <label
@@ -381,7 +384,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -450,7 +453,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="card-checkbox">
                         <b-checkbox
@@ -502,7 +505,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -643,7 +646,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="record-checkbox">
                         <label
@@ -722,7 +725,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -837,7 +840,7 @@
                     <tr>
                         <!-- Checking list -->
                         <th
-                                v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)">
+                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)">
                             &nbsp;
                             <!-- nothing to show on header for checkboxes -->
                         </th>
@@ -886,7 +889,7 @@
                         <!-- Checking list -->
                         <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                         <td
-                                v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                                 :class="{ 'is-selecting': isSelectingItems }"
                                 class="checkbox-cell">
                             <b-checkbox
@@ -1051,7 +1054,7 @@
 
                         <!-- Actions -->
                         <td 
-                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !$adminOptions.iframemode"
+                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !$adminOptions.hideItemActionArea"
                                 class="actions-cell"
                                 :label="$i18n.get('label_actions')">
                             <div class="actions-container">
@@ -1122,7 +1125,7 @@
                         :class="{ 'selected-list-item': getSelectedItemChecked(item.id) == true }">
 
                     <div
-                            v-if="collectionId && !$adminOptions.readmode && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="list-checkbox">
                         <label
@@ -1185,7 +1188,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.iframemode"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 2bd98e7f0..e049d9b30 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -440,7 +440,10 @@ CommentsStatusHelperPlugin.install = function (Vue, options = {}) {
 // ADMIN OPTIONS HELPER PLUGIN - Stores options passed to the data-options in the admin div.
 export const AdminOptionsHelperPlugin = {};
 AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
+
+    // Passes options to global variable
     try {
+
         let objectOptions = JSON.parse(options);
         for (let key in objectOptions) {
             if (objectOptions.hasOwnProperty(key)) {
@@ -455,4 +458,55 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
     } catch(e) {
         Vue.prototype.$adminOptions = {};
     }
+
+    // Declares common 'modes', which group certain admin options
+    // Order matters here, as the latest overrides previous ones
+    const iframeMode = {
+        hideTainacanHeader: true,
+        hideMenuCompressButton: true,
+        hidePrimaryMenu: true,
+        hideTainacanRepositorySubheader: true,
+        hideTainacanCollectionSubheader: true,
+        hideItemEditionPageBackButton: true,
+        hideMultipleItemSelection: true,
+        hideBulkActionsDropdown: true,
+        hideContextMenuOpenItemOption: true,
+        hideContextMenuOpenItemOnNewTabOption: true,
+        hideContextMenuEditItemOption: true,
+        hideContextMenuCopyItemOption: true,
+        hideContextMenuDeleteItemOption: true,
+        hideItemActionArea: true,
+        hideItemsListPageTitle: true,
+        hideItemCreationDropdown: true,
+        hideExposersButton: true
+    };
+    if (Vue.prototype.$adminOptions.iframemode)
+        for (let option in iframeMode)
+            Vue.prototype.$adminOptions[option] = iframeMode[option];
+
+    const readMode = {
+        hideItemsListPageTitle: true,
+        hideContextMenu: true,
+        hideItemSelection: true
+    };
+    if (Vue.prototype.$adminOptions.readmode)
+        for (let option in readMode)
+            Vue.prototype.$adminOptions[option] = readMode[option];
+
+    const mobileMode = {
+        hideTainacanHeader: true,
+        hideMenuCompressButton: true,
+        hidePrimaryMenu: true,
+        hideTainacanRepositorySubheader: true,
+        hideTainacanCollectionSubheader: true,
+        hideItemEditionPageBackButton: true,
+        hideItemsListPageTitle: true,
+        hideItemEditionPageTitle: true,
+        hideBulkEditionPageTitle: true,
+        hideCollectionNameInItemPage: true
+    };
+    if (Vue.prototype.$adminOptions.mobilemode)
+        for (let option in mobileMode)
+            Vue.prototype.$adminOptions[option] = mobileMode[option];
+
 };
\ No newline at end of file
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index 1d12ed9af..3b5088eab 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -9,7 +9,7 @@
 
         <!-- PAGE TITLE --------------------- -->
         <tainacan-title
-                v-if="!$adminOptions.iframemode && !$adminOptions.readmode && !openAdvancedSearch" 
+                v-if="!$adminOptions.hideItemsListPageTitle && !openAdvancedSearch" 
                 :bread-crumb-items="[{ path: '', label: this.$i18n.get('items') }]"/>
         <div 
                 v-else-if="openAdvancedSearch"
@@ -98,10 +98,10 @@
                 </div>
             </div>
 
-            <!-- Item Creation Dropdown, only on Admin -->
+            <!-- Item Creation Dropdown -->
             <div 
                     class="search-control-item"
-                    v-if="!$adminOptions.iframemode &&
+                    v-if="!$adminOptions.hideItemCreationDropdown &&
                             !openAdvancedSearch &&
                             collection && 
                             collection.current_user_can_edit_items">
@@ -413,7 +413,7 @@
 
             <!-- Exposers or alternative links modal button -->
             <div 
-                    v-if="!$adminOptions.iframemode"
+                    v-if="!$adminOptions.hideExposersButton"
                     class="search-control-item">
                 <button 
                         class="button is-white"
@@ -596,7 +596,7 @@
                         </p>
 
                         <router-link
-                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.iframemode"
+                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemCreationDropdown"
                                 id="button-create-item"
                                 tag="button"
                                 class="button is-secondary"
@@ -604,7 +604,7 @@
                             {{ $i18n.getFrom('items', 'add_new') }}
                         </router-link> 
                         <button
-                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.iframemode"
+                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemCreationDropdown"
                                 id="button-create-item"
                                 class="button is-secondary"
                                 @click="onOpenCollectionsModal">
diff --git a/src/views/admin/pages/singles/collection-page.vue b/src/views/admin/pages/singles/collection-page.vue
index 0786fbc60..ff7208112 100644
--- a/src/views/admin/pages/singles/collection-page.vue
+++ b/src/views/admin/pages/singles/collection-page.vue
@@ -3,7 +3,7 @@
             class="columns is-fullheight"
             :class="{ 'tainacan-admin-collection-mobile-mode': $adminOptions.mobilemode }">
         <section class="column is-secondary-content">
-            <tainacan-collection-subheader v-if="!$adminOptions.iframemode && !$adminOptions.mobilemode" />
+            <tainacan-collection-subheader v-if="!$adminOptions.hideTainacanCollectionSubheader" />
 
             <router-view
                     id="collection-page-container"
diff --git a/src/views/admin/scss/_iframe_special_modes_overrides.scss b/src/views/admin/scss/_iframe_special_modes_overrides.scss
index b01306b0b..b7f3e0d3e 100644
--- a/src/views/admin/scss/_iframe_special_modes_overrides.scss
+++ b/src/views/admin/scss/_iframe_special_modes_overrides.scss
@@ -1,14 +1,6 @@
 // IFRAME MODE
 // Used on gutenberg block modals, hiding content not relevant to be rendered inside iframe
 #tainacan-admin-app.tainacan-admin-iframe-mode {
-    #primary-menu,
-    #menu-compress-button,
-    #tainacan-header,
-    #tainacan-repository-subheader,
-    #tainacan-subheader {
-        display: none;
-        visibility: hidden;
-    }
     #repository-container .is-secondary-content {
         margin-top: 0;
         height: 100%;
@@ -16,12 +8,6 @@
         .page-container-small {
             height: 100%;
 
-            #item-creation-options-dropdown,
-            #items-list-results .selection-control .field {
-                display: none;
-                visibility: hidden;
-            }
-
             @media screen and (min-width: 769px) {
                 #filters-modal {
                     padding-left: 0em;
@@ -65,14 +51,6 @@
 // MOBILE MODE
 // Used on the mobile app, to show only necessary elements inside the webview
 #tainacan-admin-app.tainacan-admin-mobile-mode {
-    #primary-menu,
-    #menu-compress-button,
-    #tainacan-header,
-    #tainacan-repository-subheader,
-    #tainacan-subheader {
-        display: none;
-        visibility: hidden;
-    }
     #repository-container .is-secondary-content {
         margin-top: 0;
         height: 100%;
@@ -80,12 +58,6 @@
         .page-container-small {
             height: 100%;
 
-            #item-creation-options-dropdown,
-            #items-list-results .selection-control .field {
-                display: none;
-                visibility: hidden;
-            }
-
             @media screen and (min-width: 769px) {
                 #filters-modal {
                     padding-left: 0em;

From 007bc84216dafb090d8bd94b6ef48b6230b05451 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 1 Feb 2022 15:51:13 -0300
Subject: [PATCH 04/11] Breaks iframemode and readmode into more clear
 dedicated admin modes. #659

---
 src/views/admin/admin.vue                     |   6 +-
 .../components/edition/item-edition-form.vue  |  18 +--
 .../admin/components/lists/items-list.vue     |  68 ++++-----
 .../components/lists/related-items-list.vue   |   2 +-
 .../relationship/Relationship.vue             |  14 +-
 .../components/search/filters-items-list.vue  |   2 +-
 src/views/admin/js/admin-utilities.js         | 132 ++++++++++++------
 src/views/admin/pages/lists/items-page.vue    |   5 +-
 .../admin/pages/singles/collection-page.vue   |  14 +-
 .../scss/_iframe_special_modes_overrides.scss |  68 ---------
 src/views/admin/scss/_tables.scss             |   3 +
 src/views/admin/scss/_view-mode-cards.scss    |  10 +-
 src/views/admin/scss/_view-mode-grid.scss     |   9 +-
 src/views/admin/scss/_view-mode-list.scss     |   9 +-
 src/views/admin/scss/_view-mode-masonry.scss  |   8 ++
 src/views/admin/scss/_view-mode-records.scss  |  10 +-
 src/views/admin/scss/tainacan-admin.scss      |   1 -
 .../dynamic-and-carousel-items-modal.js       |   5 +-
 .../blocks/items-list/items-modal.js          |   4 +-
 .../related-items-list/related-items-modal.js |   4 +-
 src/views/tainacan-i18n.php                   |   2 +-
 21 files changed, 203 insertions(+), 191 deletions(-)
 delete mode 100644 src/views/admin/scss/_iframe_special_modes_overrides.scss

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index ddb7e8ba2..b1e8cc920 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -3,9 +3,7 @@
             id="tainacan-admin-app" 
             class="has-mounted columns is-fullheight"
             :class="{ 
-                'tainacan-admin-iframe-mode': $adminOptions.iframemode, 
-                'tainacan-admin-mobile-mode': $adminOptions.mobilemode, 
-                'tainacan-admin-read-mode': $adminOptions.readmode
+                'tainacan-admin-mobile-app-mode': $adminOptions.mobileAppMode
             }">
         <template v-if="activeRoute == 'HomePage'">
             <tainacan-header v-if="!$adminOptions.hideTainacanHeader" />
@@ -125,7 +123,7 @@
     }  
 
     @media screen and (max-width: 769px) {
-        .is-fullheight:not(.tainacan-admin-mobile-mode):not(.tainacan-admin-collection-mobile-mode) {
+        .is-fullheight:not(.tainacan-admin-mobile-app-mode):not(.tainacan-admin-collection-mobile-app-mode) {
             height: auto;
         }
     }
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index d6c3099a4..4b830bc94 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -6,7 +6,7 @@
                 :can-cancel="false"/>
 
         <div 
-                v-if="!$adminOptions.hideItemEditionPageTitle || ($adminOptions.hideItemEditionPageTitle && isEditingMetadataIframeMode)"
+                v-if="!$adminOptions.hideItemEditionPageTitle || ($adminOptions.hideItemEditionPageTitle && isEditingItemMetadataInsideIframe)"
                 class="tainacan-page-title">
             <h1 v-if="isCreatingNewItem">
                 <span
@@ -226,7 +226,7 @@
                                         :item-id="itemId"
                                         :collection-id="collectionId"
                                         :related-items="item.related_items"
-                                        :is-editable="!$adminOptions.iframemode"
+                                        :is-editable="!$adminOptions.itemEditionMode"
                                         :is-loading.sync="isLoading" />
                                 
                             </b-tab-item>
@@ -780,7 +780,7 @@
             </div>
             <div
                     class="form-submission-footer"
-                    v-if="isEditingMetadataIframeMode">
+                    v-if="isEditingItemMetadataInsideIframe">
                 <button
                         @click="onSubmit()"
                         type="button"
@@ -790,7 +790,7 @@
             </div>
             <div
                     class="form-submission-footer"
-                    v-if="form.status == 'trash' && !isEditingMetadataIframeMode">
+                    v-if="form.status == 'trash' && !isEditingItemMetadataInsideIframe">
                 <button 
                         v-if="item && item.current_user_can_delete"
                         @click="onDeletePermanently()"
@@ -808,7 +808,7 @@
             </div>
             <div
                     class="form-submission-footer"
-                    v-if="(form.status == 'auto-draft' || form.status == 'draft' || form.status == undefined) && !isEditingMetadataIframeMode">
+                    v-if="(form.status == 'auto-draft' || form.status == 'draft' || form.status == undefined) && !isEditingItemMetadataInsideIframe">
                 <button
                         v-if="isOnSequenceEdit && itemPosition > 1"
                         @click="onPrevInSequence()"
@@ -886,7 +886,7 @@
             </div>
             <div
                     class="form-submission-footer"
-                    v-if="(form.status == 'publish' || form.status == 'private') && !isEditingMetadataIframeMode">
+                    v-if="(form.status == 'publish' || form.status == 'private') && !isEditingItemMetadataInsideIframe">
                 <button
                         v-if="isOnSequenceEdit && itemPosition > 1"
                         @click="onPrevInSequence()"
@@ -1057,7 +1057,7 @@ export default {
         formErrors() {
            return eventBusItemMetadata && eventBusItemMetadata.errors && eventBusItemMetadata.errors.length ? eventBusItemMetadata.errors : []
         },
-        isEditingMetadataIframeMode() {
+        isEditingItemMetadataInsideIframe() {
             return this.$route.query && this.$route.query.editingmetadata;
         }
     },
@@ -1262,7 +1262,7 @@ export default {
                 
                 this.isLoading = false;
 
-                if (!this.$adminOptions.iframemode) {
+                if (!this.$adminOptions.itemEditionMode) {
 
                     if (!this.isOnSequenceEdit) {
                         if (this.form.status != 'trash') {
@@ -1307,7 +1307,7 @@ export default {
             });
         },
         onDiscard() {
-            if (!this.$adminOptions.iframemode)
+            if (!this.$adminOptions.itemEditionMode)
                 this.$router.go(-1);
             else
                 parent.postMessage({ 
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index c20d1cf8e..70a63c75a 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -165,6 +165,7 @@
             <div
                     role="list"
                     class="tainacan-grid-container"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     v-if="viewMode == 'grid'">
                 <div
                         role="listitem"
@@ -177,11 +178,11 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit for repository level is implemented -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="grid-item-checkbox">
                         <b-checkbox
-                                v-if="!isSingleSelectionMode"
+                                v-if="!$adminOptions.itemsSingleSelectionMode"
                                 :value="getSelectedItemChecked(item.id)"
                                 @input="setSelectedItemChecked(item.id)"/>
                         <b-radio
@@ -193,7 +194,7 @@
 
                     <!-- Title -->
                     <div
-                            :style="{ 'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode? '0.5em !important' : (isOnAllItemsTabs ? '1.875em' : '2.75em') }"
+                            :style="{ 'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '0.5em !important' : (isOnAllItemsTabs ? '1.875em' : '2.75em') }"
                             class="metadata-title">
                         <p
                                 v-tooltip="{
@@ -304,6 +305,7 @@
                     v-if="viewMode == 'masonry'"
                     :cols="{default: 7, 1919: 6, 1407: 5, 1215: 4, 1023: 3, 767: 2, 343: 1}"
                     :gutter="25"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     class="tainacan-masonry-container">
                 <div
                         role="listitem"
@@ -318,14 +320,14 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="masonry-item-checkbox">
                         <label
                                 tabindex="0"
-                                :class="(!isSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
+                                :class="(!$adminOptions.itemsSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
                             <input
-                                    v-if="!isSingleSelectionMode"
+                                    v-if="!$adminOptions.itemsSingleSelectionMode"
                                     type="checkbox"
                                     :checked="getSelectedItemChecked(item.id)"
                                     @input="setSelectedItemChecked(item.id)">
@@ -343,7 +345,7 @@
                     <!-- Title -->
                     <div
                             :style="{
-                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '0 !important' : (isOnAllItemsTabs ? '0.5em' : '1em')
+                                'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '0 !important' : (isOnAllItemsTabs ? '0.5em' : '1em')
                             }"
                             @click.left="onClickItem($event, item)"
                             @click.right="onRightClickItem($event, item)"
@@ -440,6 +442,7 @@
             <!-- CARDS VIEW MODE -->
             <div
                     role="list"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     class="tainacan-cards-container"
                     v-if="viewMode == 'cards'">
                 <div
@@ -453,11 +456,11 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="card-checkbox">
                         <b-checkbox
-                                v-if="!isSingleSelectionMode"
+                                v-if="!$adminOptions.itemsSingleSelectionMode"
                                 :value="getSelectedItemChecked(item.id)"
                                 @input="setSelectedItemChecked(item.id)"/>
                         <b-radio
@@ -470,7 +473,7 @@
                     <!-- Title -->
                     <div
                             :style="{
-                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '0.5em !important' : (isOnAllItemsTabs ? '2.125em' : '2.75em'),
+                                'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '0.5em !important' : (isOnAllItemsTabs ? '2.125em' : '2.75em'),
                             }"
                             class="metadata-title">
                         <p
@@ -633,6 +636,7 @@
                     role="list"
                     :cols="{default: 4, 1919: 3, 1407: 2, 1215: 2, 1023: 1, 767: 1, 343: 1}"
                     :gutter="30"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     class="tainacan-records-container"
                     v-if="viewMode == 'records'">
                 <div
@@ -646,14 +650,14 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="record-checkbox">
                         <label
                                 tabindex="0"
-                                :class="(!isSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
+                                :class="(!$adminOptions.itemsSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
                             <input
-                                    v-if="!isSingleSelectionMode"
+                                    v-if="!$adminOptions.itemsSingleSelectionMode"
                                     type="checkbox"
                                     :checked="getSelectedItemChecked(item.id)"
                                     @input="setSelectedItemChecked(item.id)">
@@ -672,7 +676,7 @@
                     <div
                             class="metadata-title"
                             :style="{
-                                'padding-left': !collectionId || !($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit) || $adminOptions.readmode ? '1.5em !important' : '2.75em'
+                                'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '1.5em !important' : '2.75em'
                             }">
                         <span 
                                 v-if="isOnAllItemsTabs && $statusHelper.hasIcon(item.status)"
@@ -835,12 +839,13 @@
             <!-- TABLE VIEW MODE -->
             <table
                     v-if="viewMode == 'table'"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     class="tainacan-table">
                 <thead>
                     <tr>
                         <!-- Checking list -->
                         <th
-                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)">
+                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))">
                             &nbsp;
                             <!-- nothing to show on header for checkboxes -->
                         </th>
@@ -889,11 +894,11 @@
                         <!-- Checking list -->
                         <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                         <td
-                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                                 :class="{ 'is-selecting': isSelectingItems }"
                                 class="checkbox-cell">
                             <b-checkbox
-                                    v-if="!isSingleSelectionMode"
+                                    v-if="!$adminOptions.itemsSingleSelectionMode"
                                     :value="getSelectedItemChecked(item.id)"
                                     @input="setSelectedItemChecked(item.id)"/>
                             <b-radio
@@ -1114,6 +1119,7 @@
             <div
                     role="list"
                     v-if="viewMode == 'list'"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
                     class="tainacan-list-container">
                 <div 
                         role="listitem"
@@ -1125,14 +1131,14 @@
                         :class="{ 'selected-list-item': getSelectedItemChecked(item.id) == true }">
 
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.iframemode || collection && collection.current_user_can_bulk_edit)"
+                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="list-checkbox">
                         <label
                                 tabindex="0"
-                                :class="(!isSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
+                                :class="(!$adminOptions.itemsSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
                             <input
-                                    v-if="!isSingleSelectionMode"
+                                    v-if="!$adminOptions.itemsSingleSelectionMode"
                                     type="checkbox"
                                     :checked="getSelectedItemChecked(item.id)"
                                     @input="setSelectedItemChecked(item.id)">
@@ -1150,7 +1156,7 @@
                     <!-- Title -->
                     <div 
                             :style="{
-                                'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '1.5em !important' : (isOnAllItemsTabs ? '2.0em' : '2.75em'),    
+                                'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $route.query.itemsSearchSelectionMode ? '1.5em !important' : (isOnAllItemsTabs ? '2.0em' : '2.75em'),    
                             }"
                             class="metadata-title">
                         <span 
@@ -1327,7 +1333,7 @@ export default {
             return this.getHighlightedItem();
         },
         selectedItems () {
-            if (this.$adminOptions.iframemode)
+            if (this.$adminOptions.itemsSingleSelectionMode || this.$adminOptions.itemsMultipleSelectionMode)
                 this.$eventBusSearch.setSelectedItemsForIframe(this.getSelectedItems());
 
             return this.getSelectedItems();
@@ -1357,9 +1363,6 @@ export default {
         totalPages(){
             return Math.ceil(Number(this.totalItems)/Number(this.itemsPerPage));
         },
-        isSingleSelectionMode () {
-            return this.$route && this.$route.query && this.$route.query.singleselectionmode;
-        },
         isOnAllItemsTabs() {
             const currentStatus = this.getStatus();
             return !currentStatus || (currentStatus.indexOf(',') > 0);
@@ -1382,8 +1385,7 @@ export default {
                 this.queryAllItemsSelected = {};
         },
         singleItemSelection() {
-
-            if (this.isSingleSelectionMode && this.$adminOptions.iframemode)
+            if (this.$adminOptions.itemsSingleSelectionMode)
                 this.$eventBusSearch.setSelectedItemsForIframe([this.singleItemSelection], true);
         }
     },
@@ -1423,7 +1425,7 @@ export default {
             'getItemsPerPage'
         ]),
         setSelectedItemChecked(itemId) {
-            if (this.isSingleSelectionMode) {
+            if (this.$adminOptions.itemsSingleSelectionMode) {
                 this.singleItemSelection = itemId;
             } else {
                 if (this.selectedItems.find((item) => item == itemId) != undefined)
@@ -1434,7 +1436,7 @@ export default {
             }
         },
         getSelectedItemChecked(itemId) {
-            return this.isSingleSelectionMode ? this.singleItemSelection == itemId : this.selectedItems.find(item => item == itemId) != undefined;
+            return this.$adminOptions.itemsSingleSelectionMode ? this.singleItemSelection == itemId : this.selectedItems.find(item => item == itemId) != undefined;
         },
         openBulkEditionModal(){
             this.$buefy.modal.open({
@@ -1673,10 +1675,10 @@ export default {
                 }
 
             } else {
-                if (this.$adminOptions.iframemode && !this.$adminOptions.readmode) {
+                if ((this.$adminOptions.itemsSingleSelectionMode || this.$adminOptions.itemsMultipleSelectionMode) && !this.$adminOptions.itemsSearchSelectionMode) {
                     this.setSelectedItemChecked(item.id)
-                } else if (!this.$adminOptions.iframemode && !this.$adminOptions.readmode) {
-                    if(this.isOnTrash){
+                } else if (!this.$adminOptions.itemsSingleSelectionMode && !this.$adminOptions.itemsMultipleSelectionMode && !this.$adminOptions.itemsSearchSelectionMode) {
+                    if (this.isOnTrash) {
                         this.$buefy.toast.open({
                             duration: 3000,
                             message: this.$i18n.get('info_warning_remove_from_trash_first'),
@@ -1690,7 +1692,7 @@ export default {
             }
         },
         onRightClickItem($event, item) {
-            if (!this.$adminOptions.readmode) {
+            if (!this.$adminOptions.itemsSearchSelectionMode) {
                 $event.preventDefault();
 
                 this.cursorPosX = $event.clientX;
diff --git a/src/views/admin/components/lists/related-items-list.vue b/src/views/admin/components/lists/related-items-list.vue
index 1c1a80500..847711379 100644
--- a/src/views/admin/components/lists/related-items-list.vue
+++ b/src/views/admin/components/lists/related-items-list.vue
@@ -137,7 +137,7 @@
                     <iframe 
                             width="100%"
                             style="height: 85vh"
-                            :src="adminURL + 'iframemode=true' + ($adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + $routerHelper.getItemEditPath(collectionId, editItemId) + '?editingmetadata=' + editMetadataId" />
+                            :src="adminURL + 'itemEditionMode=true' + ($adminOptions.mobileAppMode ? '&mobileAppMode=true' : '') + '&page=tainacan_admin#' + $routerHelper.getItemEditPath(collectionId, editItemId) + '?editingmetadata=' + editMetadataId" />
                 </b-modal>
             </div>
         </div>
diff --git a/src/views/admin/components/metadata-types/relationship/Relationship.vue b/src/views/admin/components/metadata-types/relationship/Relationship.vue
index d0bbc9563..756480d40 100644
--- a/src/views/admin/components/metadata-types/relationship/Relationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/Relationship.vue
@@ -58,10 +58,10 @@
                         {{ $i18n.get('info_no_item_found') }}
                     </template>
                     <template
-                            v-if="currentUserCanEditItems && !($route && $route.query.iframemode)" 
+                            v-if="currentUserCanEditItems && !$adminOptions.itemEditionMode" 
                             slot="footer">
                         <a @click="editItemModalOpen = true">
-                            {{ $i18n.get('label_crate_new_item') + ' "' + searchQuery + '"' }}
+                            {{ $i18n.get('label_create_new_item') + ' "' + searchQuery + '"' }}
                         </a>
                     </template>
                 </b-taginput>
@@ -80,7 +80,7 @@
                                 style="position: relative;">
                             <div v-html="itemValue.valuesAsHtml" />
                             <a 
-                                    v-if="currentUserCanEditItems && $route && !$route.query.iframemode"
+                                    v-if="currentUserCanEditItems && !$adminOptions.itemEditionMode"
                                     @click="editSelected(itemValue.value)"
                                     class="relationship-value-button--edit">
                                 <span class="icon">
@@ -111,13 +111,13 @@
         </b-tabs>
         <a
                 v-if="currentUserCanEditItems && itemMetadatum.item && itemMetadatum.item.id && (maxMultipleValues === undefined || maxMultipleValues > selected.length)"
-                :disabled="!$route || $route.query.iframemode"
+                :disabled="!$adminOptions.itemEditionMode"
                 @click="editItemModalOpen = !editItemModalOpen"
                 class="add-link">
             <span class="icon is-small">
                 <i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
             </span>
-            &nbsp;{{ $i18n.get('label_crate_new_item') }}
+            &nbsp;{{ $i18n.get('label_create_new_item') }}
         </a>
         <b-modal 
                 :width="1200"
@@ -178,9 +178,9 @@
             },
             itemModalSrc() {
                 if (this.editingItemId)
-                    return this.adminURL + 'iframemode=true' + (this.$adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getItemEditPath(this.collectionId, this.editingItemId);
+                    return this.adminURL + 'itemEditionMode=true' + (this.$adminOptions.mobileAppMode ? '&mobileAppMode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getItemEditPath(this.collectionId, this.editingItemId);
                 else
-                    return this.adminURL + 'iframemode=true' + (this.$adminOptions.mobilemode ? '&mobilemode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getNewItemPath(this.collectionId) + '?newmetadatumid=' + this.itemMetadatum.metadatum.metadata_type_options.search + '&newitemtitle=' + this.searchQuery;
+                    return this.adminURL + 'itemEditionMode=true' + (this.$adminOptions.mobileAppMode ? '&mobileAppMode=true' : '') + '&page=tainacan_admin#' + this.$routerHelper.getNewItemPath(this.collectionId) + '?newmetadatumid=' + this.itemMetadatum.metadatum.metadata_type_options.search + '&newitemtitle=' + this.searchQuery;
             },
             relationshipInputId() {
                 if (this.itemMetadatum && this.itemMetadatum.metadatum)
diff --git a/src/views/admin/components/search/filters-items-list.vue b/src/views/admin/components/search/filters-items-list.vue
index ce6a018e1..3d0393bed 100644
--- a/src/views/admin/components/search/filters-items-list.vue
+++ b/src/views/admin/components/search/filters-items-list.vue
@@ -271,7 +271,7 @@
                 </p>
                 <p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
                 <router-link
-                        v-if="!$route.query.iframemode && this.$route.name != null"
+                        v-if="!$adminOptions.hideFilterCreationButton && $route.name != null"
                         id="button-create-filter"
                         :to="isRepositoryLevel && $routerHelper ? $routerHelper.getNewFilterPath() : $routerHelper.getNewCollectionFilterPath(collectionId)"
                         tag="button"
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index e049d9b30..63a109767 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -461,52 +461,94 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
 
     // Declares common 'modes', which group certain admin options
     // Order matters here, as the latest overrides previous ones
-    const iframeMode = {
-        hideTainacanHeader: true,
-        hideMenuCompressButton: true,
-        hidePrimaryMenu: true,
-        hideTainacanRepositorySubheader: true,
-        hideTainacanCollectionSubheader: true,
-        hideItemEditionPageBackButton: true,
-        hideMultipleItemSelection: true,
-        hideBulkActionsDropdown: true,
-        hideContextMenuOpenItemOption: true,
-        hideContextMenuOpenItemOnNewTabOption: true,
-        hideContextMenuEditItemOption: true,
-        hideContextMenuCopyItemOption: true,
-        hideContextMenuDeleteItemOption: true,
-        hideItemActionArea: true,
-        hideItemsListPageTitle: true,
-        hideItemCreationDropdown: true,
-        hideExposersButton: true
-    };
-    if (Vue.prototype.$adminOptions.iframemode)
-        for (let option in iframeMode)
-            Vue.prototype.$adminOptions[option] = iframeMode[option];
+    const adminSpecialModes = {
+        itemsSingleSelectionMode: {
+            hideTainacanHeader: true,
+            hideMenuCompressButton: true,
+            hidePrimaryMenu: true,
+            hideTainacanRepositorySubheader: true,
+            hideTainacanCollectionSubheader: true,
+            hideMultipleItemSelection: true,
+            hideBulkActionsDropdown: true,
+            hideContextMenuOpenItemOption: true,
+            hideContextMenuOpenItemOnNewTabOption: true,
+            hideContextMenuEditItemOption: true,
+            hideContextMenuCopyItemOption: true,
+            hideContextMenuDeleteItemOption: true,
+            hideItemActionArea: true,
+            hideItemsListPageTitle: true,
+            hideItemCreationDropdown: true,
+            hideExposersButton: true,
+            hideItemsStatusStabs: true,
+            hideFilterCreationButton: true
+        },
+        itemsMultipleSelectionMode: {
+            hideTainacanHeader: true,
+            hideMenuCompressButton: true,
+            hidePrimaryMenu: true,
+            hideTainacanRepositorySubheader: true,
+            hideTainacanCollectionSubheader: true,
+            hideMultipleItemSelection: true,
+            hideBulkActionsDropdown: true,
+            hideContextMenuOpenItemOption: true,
+            hideContextMenuOpenItemOnNewTabOption: true,
+            hideContextMenuEditItemOption: true,
+            hideContextMenuCopyItemOption: true,
+            hideContextMenuDeleteItemOption: true,
+            hideItemActionArea: true,
+            hideItemsListPageTitle: true,
+            hideItemCreationDropdown: true,
+            hideExposersButton: true,
+            hideItemsStatusStabs: true,
+            hideFilterCreationButton: true
+        },
+        itemsSearchSelectionMode: {
+            hideTainacanHeader: true,
+            hideMenuCompressButton: true,
+            hidePrimaryMenu: true,
+            hideTainacanRepositorySubheader: true,
+            hideTainacanCollectionSubheader: true,
+            hideMultipleItemSelection: true,
+            hideBulkActionsDropdown: true,
+            hideItemActionArea: true,
+            hideItemsListPageTitle: true,
+            hideItemCreationDropdown: true,
+            hideExposersButton: true,
+            hideContextMenu: true,
+            hideItemSelection: true,
+            hideItemsStatusStabs: true,
+            hideFilterCreationButton: true
+        },
+        itemEditionMode: {
+            hideTainacanHeader: true,
+            hideMenuCompressButton: true,
+            hidePrimaryMenu: true,
+            hideTainacanRepositorySubheader: true,
+            hideTainacanCollectionSubheader: true,
+            hideItemEditionPageBackButton: true
+        },
+        mobileAppMode: {
+            hideTainacanHeader: true,
+            hideMenuCompressButton: true,
+            hidePrimaryMenu: true,
+            hideTainacanRepositorySubheader: true,
+            hideTainacanCollectionSubheader: true,
+            hideItemEditionPageBackButton: true,
+            hideItemsListPageTitle: true,
+            hideItemEditionPageTitle: true,
+            hideBulkEditionPageTitle: true,
+            hideCollectionNameInItemPage: true
+        }
+    }
+    for (let adminSpecialMode in adminSpecialModes) {
 
-    const readMode = {
-        hideItemsListPageTitle: true,
-        hideContextMenu: true,
-        hideItemSelection: true
-    };
-    if (Vue.prototype.$adminOptions.readmode)
-        for (let option in readMode)
-            Vue.prototype.$adminOptions[option] = readMode[option];
+        if (Vue.prototype.$adminOptions[adminSpecialMode]) {
 
-    const mobileMode = {
-        hideTainacanHeader: true,
-        hideMenuCompressButton: true,
-        hidePrimaryMenu: true,
-        hideTainacanRepositorySubheader: true,
-        hideTainacanCollectionSubheader: true,
-        hideItemEditionPageBackButton: true,
-        hideItemsListPageTitle: true,
-        hideItemEditionPageTitle: true,
-        hideBulkEditionPageTitle: true,
-        hideCollectionNameInItemPage: true
-    };
-    if (Vue.prototype.$adminOptions.mobilemode)
-        for (let option in mobileMode)
-            Vue.prototype.$adminOptions[option] = mobileMode[option];
+            console.log('Tainacan Admin loaded in ' + adminSpecialMode);
+
+            for (let option in adminSpecialModes[adminSpecialMode])
+                Vue.prototype.$adminOptions[option] = adminSpecialModes[adminSpecialMode][option];
+        }
+    }
 
 };
\ No newline at end of file
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index 3b5088eab..7d0e81eef 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -42,7 +42,8 @@
                 role="region"
                 ref="search-control"
                 v-if="((openAdvancedSearch && advancedSearchResults) || !openAdvancedSearch)"
-                class="search-control">
+                class="search-control"  
+                :style="( $adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || $adminOptions.itemsSearchSelectionMode ) ? '--tainacan-container-padding: 6px;' : ''">
 
             <!-- <b-loading
                     :is-full-page="false"
@@ -495,7 +496,7 @@
 
             <!-- STATUS TABS, only on Admin -------- -->
             <items-status-tabs 
-                    v-if="!openAdvancedSearch && !$adminOptions.iframemode"
+                    v-if="!openAdvancedSearch && !$adminOptions.hideItemsStatusStabs"
                     :is-repository-level="isRepositoryLevel"/>
 
             <!-- FILTERS TAG LIST-->
diff --git a/src/views/admin/pages/singles/collection-page.vue b/src/views/admin/pages/singles/collection-page.vue
index ff7208112..98ff0db38 100644
--- a/src/views/admin/pages/singles/collection-page.vue
+++ b/src/views/admin/pages/singles/collection-page.vue
@@ -1,14 +1,16 @@
 <template>
     <div 
             class="columns is-fullheight"
-            :class="{ 'tainacan-admin-collection-mobile-mode': $adminOptions.mobilemode }">
-        <section class="column is-secondary-content">
+            :class="{ 'tainacan-admin-collection-mobile-app-mode': $adminOptions.mobileAppMode }">
+        <section 
+                class="column is-secondary-content"
+                :style="$adminOptions.hideTainacanRepositorySubheader ? 'margin-top: 0; height: 100%;' : ''">
             <tainacan-collection-subheader v-if="!$adminOptions.hideTainacanCollectionSubheader" />
-
             <router-view
                     id="collection-page-container"
                     :collection-id="collectionId" 
-                    class="page-container page-container-small"/>
+                    class="page-container"
+                    :class="{ 'page-container-small': !$adminOptions.hideTainacanRepositorySubheader }"/>
         </section>
     </div>
 </template>
@@ -22,7 +24,7 @@ export default {
     components: {
         TainacanCollectionSubheader
     },
-    data(){
+    data() {
         return {
             collectionId: Number
         }
@@ -36,7 +38,7 @@ export default {
             }
         }
     },
-    created(){
+    created() {
         this.collectionId = this.$route.params.collectionId;
         
         this.$eventBusSearch.setCollectionId(this.collectionId);
diff --git a/src/views/admin/scss/_iframe_special_modes_overrides.scss b/src/views/admin/scss/_iframe_special_modes_overrides.scss
deleted file mode 100644
index b7f3e0d3e..000000000
--- a/src/views/admin/scss/_iframe_special_modes_overrides.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-// IFRAME MODE
-// Used on gutenberg block modals, hiding content not relevant to be rendered inside iframe
-#tainacan-admin-app.tainacan-admin-iframe-mode {
-    #repository-container .is-secondary-content {
-        margin-top: 0;
-        height: 100%;
-        
-        .page-container-small {
-            height: 100%;
-
-            @media screen and (min-width: 769px) {
-                #filters-modal {
-                    padding-left: 0em;
-                }
-            }
-        }
-    }
-}
-
-// READ MODE
-// Used on gutenberg block modals, hiding content related to selecting the items
-#tainacan-admin-app.tainacan-admin-read-mode {
-
-    #items-list-area {
-        .tainacan-table {
-            tr:hover { background-color: transparent !important; cursor: default; }
-        }
-        .tainacan-card {
-            &:hover { background-color: transparent !important; cursor: default; }
-            .metadata-title { padding-left: 1.5em !important; margin-bottom: 0; }
-            &:hover .metadata-title { background-color: transparent !important }
-        }
-        .tainacan-grid-item {
-            &:hover, &:hover .metadata-title { background-color: transparent; cursor: default; }
-            a { cursor: default; }
-            .metadata-title { margin-left: 6px !important; padding-left: 6px !important; }
-        }
-        .tainacan-record {
-            &:hover .media { background-color: var(--tainacan-gray0) !important; cursor: default; }
-            .metadata-title { padding-left: 1.5em !important; margin-bottom: -0.75em; }
-            &:hover .metadata-title { background-color: var(--tainacan-gray0) !important; cursor: default; }
-        }
-        .tainacan-masonry-item {
-            &:hover { background-color: transparent; cursor: default; }
-            &:hover .tainacan-masonry-item-thumbnail { cursor: default; }
-            .metadata-title { margin-left: 6px; }
-        }
-    }
-}
-
-// MOBILE MODE
-// Used on the mobile app, to show only necessary elements inside the webview
-#tainacan-admin-app.tainacan-admin-mobile-mode {
-    #repository-container .is-secondary-content {
-        margin-top: 0;
-        height: 100%;
-        
-        .page-container-small {
-            height: 100%;
-
-            @media screen and (min-width: 769px) {
-                #filters-modal {
-                    padding-left: 0em;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/views/admin/scss/_tables.scss b/src/views/admin/scss/_tables.scss
index 9e312f583..bedb7a170 100644
--- a/src/views/admin/scss/_tables.scss
+++ b/src/views/admin/scss/_tables.scss
@@ -313,6 +313,9 @@
                     }
                 }
             }
+            &.hide-items-selection {
+                tr:hover { background-color: transparent !important; cursor: default; }
+            }
         }
     }
 }
diff --git a/src/views/admin/scss/_view-mode-cards.scss b/src/views/admin/scss/_view-mode-cards.scss
index b70bb9799..1d2591e50 100644
--- a/src/views/admin/scss/_view-mode-cards.scss
+++ b/src/views/admin/scss/_view-mode-cards.scss
@@ -203,8 +203,14 @@
    
             }
         }
-    
-    
+    }
+
+    &.hide-items-selection {
+        .tainacan-card {
+            &:hover { background-color: transparent !important; cursor: default; }
+            .metadata-title { padding-left: 1.5em !important; margin-bottom: 0; }
+            &:hover .metadata-title { background-color: transparent !important }
+        }
     }
 }
 
diff --git a/src/views/admin/scss/_view-mode-grid.scss b/src/views/admin/scss/_view-mode-grid.scss
index 2bf2ee04f..e0624037c 100644
--- a/src/views/admin/scss/_view-mode-grid.scss
+++ b/src/views/admin/scss/_view-mode-grid.scss
@@ -114,7 +114,14 @@
                 margin-top: -1px;
             }
         } 
-    
+    }
+
+    &.hide-items-selection {
+        .tainacan-grid-item {
+            &:hover, &:hover .metadata-title { background-color: transparent; cursor: default; }
+            a { cursor: default; }
+            .metadata-title { margin-left: 6px !important; padding-left: 6px !important; }
+        }
     }
 }
 
diff --git a/src/views/admin/scss/_view-mode-list.scss b/src/views/admin/scss/_view-mode-list.scss
index 8ecac417c..f626a27ad 100644
--- a/src/views/admin/scss/_view-mode-list.scss
+++ b/src/views/admin/scss/_view-mode-list.scss
@@ -224,8 +224,13 @@
                 }
             }
         }
-    
-    
+    }
+    &.hide-items-selection {
+        .tainacan-list {
+            &:hover { background-color: rgba(126, 126, 126, 0.05) !important; cursor: default; }
+            .metadata-title { padding-left: 1.5em !important; }
+            &:hover .metadata-title { background-color: var(--tainacan-gray0) !important; cursor: default; }
+        }
     }
 }
 
diff --git a/src/views/admin/scss/_view-mode-masonry.scss b/src/views/admin/scss/_view-mode-masonry.scss
index afe2585f7..9e177a21d 100644
--- a/src/views/admin/scss/_view-mode-masonry.scss
+++ b/src/views/admin/scss/_view-mode-masonry.scss
@@ -131,6 +131,14 @@
             }
         }
     }
+
+    &.hide-items-selection {
+        .tainacan-masonry-item {
+            &:hover { background-color: transparent; cursor: default; }
+            &:hover .tainacan-masonry-item-thumbnail { cursor: default; }
+            .metadata-title { margin-left: 6px; }
+        }
+    }
 }
 
 
diff --git a/src/views/admin/scss/_view-mode-records.scss b/src/views/admin/scss/_view-mode-records.scss
index 1db56f9bf..931cfb0ab 100644
--- a/src/views/admin/scss/_view-mode-records.scss
+++ b/src/views/admin/scss/_view-mode-records.scss
@@ -176,8 +176,14 @@
                 }
             }
         }
-    
-    
+    }
+
+    &.hide-items-selection {
+        .tainacan-record {
+            &:hover .media { background-color: var(--tainacan-gray0) !important; cursor: default; }
+            .metadata-title { padding-left: 1.5em !important; margin-bottom: -0.75em; }
+            &:hover .metadata-title { background-color: var(--tainacan-gray0) !important; cursor: default; }
+        }
     }
 }
 
diff --git a/src/views/admin/scss/tainacan-admin.scss b/src/views/admin/scss/tainacan-admin.scss
index 1db308e2f..de9e83b21 100644
--- a/src/views/admin/scss/tainacan-admin.scss
+++ b/src/views/admin/scss/tainacan-admin.scss
@@ -29,7 +29,6 @@
 @import "../scss/_notices.scss";
 @import "../scss/_filters-menu-modal.scss";
 @import "../scss/_repository-level-overrides.scss";
-@import "../scss/_iframe_special_modes_overrides.scss";
 @import "../scss/_custom_variables.scss";
 
 // Clears wordpress content
diff --git a/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js b/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
index 89817841a..d8670bc0a 100644
--- a/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/carousel-items-list/dynamic-and-carousel-items-modal.js
@@ -47,8 +47,9 @@ export default class CarouselItemsModal extends React.Component {
          
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
+
             this.setState({ 
-                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?iframemode=true' + (this.props.loadStrategy == 'search' ? '&readmode=true' : '') + '&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
+                searchURL: (this.props.existingSearchURL && this.props.existingSearchURL.indexOf('iframemode') < 0) ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?' + (this.props.loadStrategy == 'search' ? 'itemsSearchSelectionMode' : 'itemsMultipleSelectionMode') + '=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
             });
         } else {
             this.setState({ collectionPage: 1 });
@@ -116,7 +117,7 @@ export default class CarouselItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?iframemode=true' + (this.props.loadStrategy == 'search' ? '&readmode=true' : '') + '&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
+            searchURL: tainacan_blocks.admin_url + 'admin.php?' + (this.props.loadStrategy == 'search' ? 'itemsSearchSelectionMode' : 'itemsMultipleSelectionMode') + '=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
         this.props.onSelectCollection(selectedCollectionId);
         this.fetchCollection(selectedCollectionId);
diff --git a/src/views/gutenberg-blocks/blocks/items-list/items-modal.js b/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
index 81468ea96..4849e9f5f 100644
--- a/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/items-list/items-modal.js
@@ -50,7 +50,7 @@ export default class ItemsModal extends React.Component {
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
             this.setState({ 
-                searchURL: this.props.existingSearchURL ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?iframemode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish' });
+                searchURL: (this.props.existingSearchURL && this.props.existingSearchURL.indexOf('iframemode') < 0) ? this.props.existingSearchURL : tainacan_blocks.admin_url + 'admin.php?itemsMultipleSelectionMode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish' });
         } else {
             this.setState({ collectionPage: 1 });
             this.fetchModalCollections();
@@ -175,7 +175,7 @@ export default class ItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?iframemode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
+            searchURL: tainacan_blocks.admin_url + 'admin.php?itemsMultipleSelectionMode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
         
         this.props.onSelectCollection(selectedCollectionId);
diff --git a/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js b/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
index 0523c5486..81118188d 100644
--- a/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
+++ b/src/views/gutenberg-blocks/blocks/related-items-list/related-items-modal.js
@@ -49,7 +49,7 @@ export default class RelatedItemsModal extends React.Component {
         if (this.props.existingCollectionId) {
             this.fetchCollection(this.props.existingCollectionId);
             this.setState({ 
-                searchURL: tainacan_blocks.admin_url + 'admin.php?singleselectionmode=true&iframemode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
+                searchURL: tainacan_blocks.admin_url + 'admin.php?itemsSingleSelectionMode=true&page=tainacan_admin#/collections/'+ this.props.existingCollectionId + '/items/?status=publish'
             });
         } else {
             this.setState({ collectionPage: 1 });
@@ -117,7 +117,7 @@ export default class RelatedItemsModal extends React.Component {
     selectCollection(selectedCollectionId) {
         this.setState({
             collectionId: selectedCollectionId,
-            searchURL: tainacan_blocks.admin_url + 'admin.php?singleselectionmode=true&iframemode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
+            searchURL: tainacan_blocks.admin_url + 'admin.php?itemsSingleSelectionMode=true&page=tainacan_admin#/collections/' + selectedCollectionId + '/items/?status=publish'
         });
 
         this.props.onSelectCollection(selectedCollectionId);
diff --git a/src/views/tainacan-i18n.php b/src/views/tainacan-i18n.php
index 74e0d2055..7b01ce0f8 100644
--- a/src/views/tainacan-i18n.php
+++ b/src/views/tainacan-i18n.php
@@ -532,7 +532,7 @@ return apply_filters( 'tainacan-i18n', [
 	'label_inherited_roles'						 	 => __( 'Inherited roles', 'tainacan' ),
 	'label_editing_capability'					 	 => __( 'Editing capability', 'tainacan' ),
 	'label_default_author_user'						 => __( 'Set the item author as default value', 'tainacan' ),
-	'label_crate_new_item'							 => __( 'Create new item', 'tainacan' ),
+	'label_create_new_item'							 => __( 'Create new item', 'tainacan' ),
 	'label_submit'									 => __( 'Submit', 'tainacan' ),
 	'label_know_more'								 => __( 'Know more', 'tainacan' ),
 	'label_request_details'							 => __( 'Request details', 'tainacan' ),

From a95fda7c8443e045648fdbaac1cb72aa7d3863c7 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 1 Feb 2022 17:12:56 -0300
Subject: [PATCH 05/11] Moves backbutton from collection to repository header
 if collection header is hidden #659

---
 .../tainacan-repository-subheader.vue         | 48 ++++++++++++++++++-
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/views/admin/components/navigation/tainacan-repository-subheader.vue b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
index 54469e082..9e6d6db58 100644
--- a/src/views/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
@@ -3,8 +3,27 @@
             id="tainacan-repository-subheader" 
             class="level secondary-page"
             :class="{'is-menu-compressed': isMenuCompressed, 'is-repository-level' : isRepositoryLevel}">
-        <h1 v-if="isRepositoryLevel">{{ repositoryName }}</h1>
-        <h1 v-else>
+
+        <div 
+                v-if="$adminOptions.hideTainacanCollectionSubheader"
+                class="back-button is-hidden-mobile">
+            <button     
+                    @click="$router.go(-1)"
+                    class="button is-turquoise4">
+                <span class="icon">
+                    <i class="tainacan-icon tainacan-icon-previous"/>
+                </span>
+            </button>
+        </div>
+
+        <h1 
+                v-if="isRepositoryLevel"
+                :style="$adminOptions.hideTainacanCollectionSubheader ? 'margin-right: auto;' : ''">
+            {{ repositoryName }}
+        </h1>
+        <h1 
+                v-else
+                :style="$adminOptions.hideTainacanCollectionSubheader ? 'margin-right: auto;' : ''">
             {{ $i18n.get('collection') + '' }} 
             <span class="has-text-weight-bold">
                 {{ collection && collection.name ? collection.name : '' }}
@@ -214,6 +233,31 @@ export default {
             transition: all 0.2s linear;
         }
 
+        .back-button {
+            padding: 0;
+            margin: 0;
+            width: var(--tainacan-one-column);
+            min-width: var(--tainacan-one-column);
+            color: var(--tainacan-white);
+            display: flex;
+            margin-left: calc(-1 * var(--tainacan-one-column));
+
+            button, 
+            button:hover, 
+            button:focus, 
+            button:active {
+                width: 100%;
+                color: var(--tainacan-white);
+                background-color: transparent !important;
+                border: none;
+                height: $subheader-height !important;
+                .icon {
+                    margin-top: -2px;
+                    font-size: 1.5em;
+                }
+            }
+        }
+
         .repository-subheader-icons {
             display: flex;
             flex-wrap: nowrap;

From df5d72fc8d2a49b2d7f1b29b4f1adec88354a292 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 1 Feb 2022 17:58:38 -0300
Subject: [PATCH 06/11] Adds several options to hide elements from primary menu
 #659.

---
 src/views/admin/admin.vue                     |  2 +-
 .../components/lists/related-items-list.vue   |  4 ++
 .../components/navigation/primary-menu.vue    | 22 +++++-----
 src/views/admin/js/admin-utilities.js         | 43 ++++++++++++++++---
 4 files changed, 55 insertions(+), 16 deletions(-)

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index b1e8cc920..7c8bd239f 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -15,7 +15,7 @@
                     :active-route="activeRoute"
                     :is-menu-compressed="isMenuCompressed"/>
             <button 
-                    v-if="!$adminOptions.hideMenuCompressButton" 
+                    v-if="!$adminOptions.hidePrimaryMenu && !$adminOptions.hidePrimaryMenuCompressButton" 
                     class="is-hidden-mobile"
                     id="menu-compress-button"
                     @click="isMenuCompressed = !isMenuCompressed">          
diff --git a/src/views/admin/components/lists/related-items-list.vue b/src/views/admin/components/lists/related-items-list.vue
index 847711379..93bdce192 100644
--- a/src/views/admin/components/lists/related-items-list.vue
+++ b/src/views/admin/components/lists/related-items-list.vue
@@ -114,6 +114,10 @@
                                                 :aria-label="$i18n.getFrom('items','edit_item')">
                                             <span
                                                     v-tooltip="{
+                                                         delay: {
+                                                            show: 500,
+                                                            hide: 100,
+                                                        },
                                                         content: $i18n.get('edit'),
                                                         autoHide: true,
                                                         placement: 'auto'
diff --git a/src/views/admin/components/navigation/primary-menu.vue b/src/views/admin/components/navigation/primary-menu.vue
index 002c346aa..bc8bc7980 100644
--- a/src/views/admin/components/navigation/primary-menu.vue
+++ b/src/views/admin/components/navigation/primary-menu.vue
@@ -8,7 +8,9 @@
         <aside class="menu">
 
             <ul class="menu-list">
-                <li class="repository-label">
+                <li 
+                        v-if="!$adminOptions.hidePrimaryMenuRepositoryButton"
+                        class="repository-label">
                     <router-link
                             tag="a"
                             :to="$routerHelper.getCollectionsPath()">
@@ -20,7 +22,7 @@
                         </span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuCollectionsButton">
                     <router-link
                             tag="a"
                             :to="$routerHelper.getCollectionsPath()"
@@ -31,7 +33,7 @@
                         <span class="menu-text">{{ $i18n.getFrom('collections', 'name') }}</span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuItemsButton">
                     <router-link
                             tag="a"
                             :to="$routerHelper.getItemsPath()"
@@ -43,7 +45,7 @@
                     </router-link>
                 </li>
                 <li class="separator"/>
-                <li v-if="$userCaps.hasCapability('tnc_rep_edit_metadata')">
+                <li v-if="$userCaps.hasCapability('tnc_rep_edit_metadata') && !$adminOptions.hidePrimaryMenuMetadataButton">
                     <router-link
                             tag="a"
                             to="/metadata"
@@ -54,7 +56,7 @@
                         <span class="menu-text">{{ $i18n.get('metadata') }}</span>
                     </router-link>
                 </li>
-                <li v-if="$userCaps.hasCapability('tnc_rep_edit_filters')">
+                <li v-if="$userCaps.hasCapability('tnc_rep_edit_filters') && !$adminOptions.hidePrimaryMenuFiltersButton">
                     <router-link
                             tag="a"
                             to="/filters"
@@ -65,7 +67,7 @@
                         <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuTaxonomiesButton">
                     <router-link
                             tag="a"
                             to="/taxonomies"
@@ -76,7 +78,7 @@
                         <span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuActivitiesButton">
                     <router-link
                             tag="a"
                             to="/activities"
@@ -87,7 +89,7 @@
                         <span class="menu-text">{{ $i18n.get('activities') }}</span>
                     </router-link>
                 </li>
-                <li v-if="$userCaps.hasCapability('tnc_rep_edit_users')">
+                <li v-if="$userCaps.hasCapability('tnc_rep_edit_users') && !$adminOptions.hidePrimaryMenuCapabilitiesButton">
                     <router-link
                             tag="a"
                             :to="this.$routerHelper.getCapabilitiesPath()"
@@ -98,7 +100,7 @@
                         <span class="menu-text">{{ $i18n.get('capabilities') }}</span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuImportersButton">
                     <router-link
                             tag="a"
                             to="/importers"
@@ -113,7 +115,7 @@
                         <span class="menu-text menu-text-import">{{ $i18n.get('importers') }}</span>
                     </router-link>
                 </li>
-                <li>
+                <li v-if="!$adminOptions.hidePrimaryMenuExportersButton">
                     <router-link
                             tag="a"
                             to="/exporters"
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 63a109767..b3c3282c3 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -464,7 +464,6 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
     const adminSpecialModes = {
         itemsSingleSelectionMode: {
             hideTainacanHeader: true,
-            hideMenuCompressButton: true,
             hidePrimaryMenu: true,
             hideTainacanRepositorySubheader: true,
             hideTainacanCollectionSubheader: true,
@@ -484,7 +483,6 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         },
         itemsMultipleSelectionMode: {
             hideTainacanHeader: true,
-            hideMenuCompressButton: true,
             hidePrimaryMenu: true,
             hideTainacanRepositorySubheader: true,
             hideTainacanCollectionSubheader: true,
@@ -504,7 +502,6 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         },
         itemsSearchSelectionMode: {
             hideTainacanHeader: true,
-            hideMenuCompressButton: true,
             hidePrimaryMenu: true,
             hideTainacanRepositorySubheader: true,
             hideTainacanCollectionSubheader: true,
@@ -521,7 +518,6 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         },
         itemEditionMode: {
             hideTainacanHeader: true,
-            hideMenuCompressButton: true,
             hidePrimaryMenu: true,
             hideTainacanRepositorySubheader: true,
             hideTainacanCollectionSubheader: true,
@@ -529,7 +525,6 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         },
         mobileAppMode: {
             hideTainacanHeader: true,
-            hideMenuCompressButton: true,
             hidePrimaryMenu: true,
             hideTainacanRepositorySubheader: true,
             hideTainacanCollectionSubheader: true,
@@ -551,4 +546,42 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         }
     }
 
+    /*
+        Possible Values:
+        * hideTainacanHeader
+        * hidePrimaryMenuCompressButton
+        * hidePrimaryMenu
+            * hidePrimaryMenuCompressButton
+            * hidePrimaryMenuRepositoryButton
+            * hidePrimaryMenuCollectionsButton
+            * hidePrimaryMenuItemsButton
+            * hidePrimaryMenuTaxonomiesButton
+            * hidePrimaryMenuMetadataButton
+            * hidePrimaryMenuFiltersButton
+            * hidePrimaryMenuImportersButton
+            * hidePrimaryMenuExportersButton
+            * hidePrimaryMenuActivitiesButton
+            * hidePrimaryMenuCapabilitiesButton
+        * hideTainacanRepositorySubheader
+        * hideTainacanCollectionSubheader
+        * hideMultipleItemSelection
+        * hideItemSelection
+        * hideBulkActionsDropdown
+        * hideContextMenu
+            * hideContextMenuOpenItemOption
+            * hideContextMenuOpenItemOnNewTabOption
+            * hideContextMenuEditItemOption
+            * hideContextMenuCopyItemOption
+            * hideContextMenuDeleteItemOption
+        * hideItemActionArea
+        * hideItemsListPageTitle
+        * hideItemCreationDropdown
+        * hideExposersButton
+        * hideItemsStatusStabs
+        * hideFilterCreationButton
+        * hideItemEditionPageBackButton
+        * hideItemEditionPageTitle
+        * hideBulkEditionPageTitle
+        * hideCollectionNameInItemPage
+    */
 };
\ No newline at end of file

From 943787edf3f97459bbf9f49c7a5917713718dd0e Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 2 Feb 2022 09:59:42 -0300
Subject: [PATCH 07/11] Adds options do hide Tainacan Header elements and
 Repository header elements #659.

---
 src/views/admin/admin.vue                     | 22 +++++++++++
 .../components/navigation/tainacan-header.vue | 37 +++++++++++--------
 .../tainacan-repository-subheader.vue         |  6 +--
 src/views/admin/js/admin-utilities.js         |  9 ++++-
 4 files changed, 55 insertions(+), 19 deletions(-)

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index 7c8bd239f..5a699aa99 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -18,6 +18,7 @@
                     v-if="!$adminOptions.hidePrimaryMenu && !$adminOptions.hidePrimaryMenuCompressButton" 
                     class="is-hidden-mobile"
                     id="menu-compress-button"
+                    :style="{ top: menuCompressButtonTop }"
                     @click="isMenuCompressed = !isMenuCompressed">          
                 <span
                         v-tooltip="{
@@ -67,6 +68,27 @@
                 activeRoute: '/collections'
             }
         },
+        computed: {
+            menuCompressButtonTop() {
+                let amountOfElementsAbove = [
+                    this.$adminOptions.hidePrimaryMenuRepositoryButton,
+                    this.$adminOptions.hidePrimaryMenuCollectionsButton,
+                    this.$adminOptions.hidePrimaryMenuItemsButton
+                ].filter(Boolean).length;
+
+                switch (amountOfElementsAbove) {
+                    case 3:
+                        return 'calc(3.05em + 12px)';
+                    case 2:
+                        return 'calc(5.65em + 12px)';
+                    case 1:
+                        return 'calc(8.5em + 12px)';
+                    case 0:
+                    default:
+                        return 'calc(11.125em + 12px)';
+                }
+            }
+        },
         watch: {
             '$route' (to) {
                 this.isMenuCompressed = (to.params.collectionId != undefined);
diff --git a/src/views/admin/components/navigation/tainacan-header.vue b/src/views/admin/components/navigation/tainacan-header.vue
index f2ecab640..78c376a9f 100644
--- a/src/views/admin/components/navigation/tainacan-header.vue
+++ b/src/views/admin/components/navigation/tainacan-header.vue
@@ -3,7 +3,9 @@
             id="tainacan-header"
             class="level is-mobile">
         <div class="level-left">
-            <div class="level-item home-area">
+            <div 
+                    v-if="!$adminOptions.hideTainacanHeaderHomeButton"
+                    class="level-item home-area">
                 <router-link
                         tag="a"
                         to="/">
@@ -31,7 +33,9 @@
             </div>
         </div>
         <div class="level-right">
-            <div class="is-hidden-tablet">
+            <div 
+                    v-if="!$adminOptions.hideTainacanHeaderSearchInput"
+                    class="is-hidden-tablet">
                 <button
                         @click="$router.push($routerHelper.getItemsPath())"
                         class="button is-small is-white level-item">
@@ -41,20 +45,22 @@
                 </button>
             </div>
             <div class="search-area is-hidden-mobile">
-                <b-input 
-                    type="search"
-                    autocomplete="on"
-                    :aria-label="$i18n.get('instruction_search_in_repository')"
-                    :placeholder="$i18n.get('instruction_search_in_repository')"
-                    class="search-header"
-                    size="is-small"
-                    :value="searchQuery"
-                    @input.native="futureSearchQuery = $event.target.value"
-                    @keyup.enter.native="updateSearch()"
-                    icon-right="magnify"
-                    icon-right-clickable
-                    @icon-right-click="updateSearch()" />
+                <b-input
+                        v-if="!$adminOptions.hideTainacanHeaderSearchInput"
+                        type="search"
+                        autocomplete="on"
+                        :aria-label="$i18n.get('instruction_search_in_repository')"
+                        :placeholder="$i18n.get('instruction_search_in_repository')"
+                        class="search-header"
+                        size="is-small"
+                        :value="searchQuery"
+                        @input.native="futureSearchQuery = $event.target.value"
+                        @keyup.enter.native="updateSearch()"
+                        icon-right="magnify"
+                        icon-right-clickable
+                        @icon-right-click="updateSearch()" />
                 <b-dropdown
+                        v-if="!$adminOptions.hideTainacanHeaderAdvancedSearch"
                         ref="advancedSearchShortcut"
                         class="advanced-search-header-dropdown"
                         position="is-bottom-left"
@@ -88,6 +94,7 @@
 
             </div>
             <button
+                    v-if="!$adminOptions.hideTainacanHeaderProcessesPopup"
                     @click="showProcesses = !showProcesses"
                     class="button is-small is-white level-item">
                 <span
diff --git a/src/views/admin/components/navigation/tainacan-repository-subheader.vue b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
index 9e6d6db58..75b59b36d 100644
--- a/src/views/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
@@ -60,7 +60,7 @@
                         @click="openAvailableExportersModal"
                         class="button"
                         id="exporter-collection-button"
-                        v-if="!isRepositoryLevel">
+                        v-if="!isRepositoryLevel && !$adminOptions.hideTainacanRepositorySubheaderExportButton">
                     <span class="icon">
                         <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-export"/>
                     </span>
@@ -80,7 +80,7 @@
                 <a
                         :href="collection && collection.url ? collection.url : ''"
                         target="_blank"
-                        v-if="!isRepositoryLevel && collection && collection.url"
+                        v-if="!isRepositoryLevel && collection && collection.url && !$adminOptions.hideTainacanRepositorySubheaderViewCollectionButton"
                         class="button"
                         id="view-collection-button">
                 <span class="icon">
@@ -103,7 +103,7 @@
                 <a
                         :href="repositoryURL"
                         target="_blank"
-                        v-if="isRepositoryLevel"
+                        v-if="isRepositoryLevel && !$adminOptions.hideTainacanRepositorySubheaderViewCollectionsButton"
                         class="button"
                         id="view-repository-button">
                 <span class="icon">
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index b3c3282c3..1961a1750 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -545,10 +545,14 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
                 Vue.prototype.$adminOptions[option] = adminSpecialModes[adminSpecialMode][option];
         }
     }
-
+    
     /*
         Possible Values:
         * hideTainacanHeader
+            * hideTainacanHeaderHomeButton
+            * hideTainacanHeaderSearchInput
+            * hideTainacanHeaderAdvancedSearch
+            * hideTainacanHeaderProcessesPopup
         * hidePrimaryMenuCompressButton
         * hidePrimaryMenu
             * hidePrimaryMenuCompressButton
@@ -563,6 +567,9 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             * hidePrimaryMenuActivitiesButton
             * hidePrimaryMenuCapabilitiesButton
         * hideTainacanRepositorySubheader
+            * hideTainacanRepositorySubheaderViewCollectionButton
+            * hideTainacanRepositorySubheaderViewCollectionsButton
+            * hideTainacanRepositorySubheaderExportButton
         * hideTainacanCollectionSubheader
         * hideMultipleItemSelection
         * hideItemSelection

From be6ff6c55088d778e338bdebb85b0a5f828327a0 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 2 Feb 2022 11:18:58 -0300
Subject: [PATCH 08/11] Adds options to hide total items from item status tabs
 #659

---
 src/views/admin/admin.vue                     |  2 +-
 .../tainacan-repository-subheader.vue         | 12 ++---
 .../components/other/items-status-tabs.vue    | 45 +++++++++++-------
 src/views/admin/js/admin-utilities.js         | 46 +++++++++----------
 src/views/admin/pages/lists/items-page.vue    |  2 +-
 .../admin/pages/singles/collection-page.vue   |  6 +--
 6 files changed, 63 insertions(+), 50 deletions(-)

diff --git a/src/views/admin/admin.vue b/src/views/admin/admin.vue
index 5a699aa99..cd69c3f93 100644
--- a/src/views/admin/admin.vue
+++ b/src/views/admin/admin.vue
@@ -35,7 +35,7 @@
             </button>
             <tainacan-header v-if="!$adminOptions.hideTainacanHeader" />
             <tainacan-repository-subheader
-                    v-if="!$adminOptions.hideTainacanRepositorySubheader" 
+                    v-if="!$adminOptions.hideRepositorySubheader" 
                     :is-repository-level="isRepositoryLevel"
                     :is-menu-compressed="isMenuCompressed"/>
             <div 
diff --git a/src/views/admin/components/navigation/tainacan-repository-subheader.vue b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
index 75b59b36d..323ce98b6 100644
--- a/src/views/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/views/admin/components/navigation/tainacan-repository-subheader.vue
@@ -5,7 +5,7 @@
             :class="{'is-menu-compressed': isMenuCompressed, 'is-repository-level' : isRepositoryLevel}">
 
         <div 
-                v-if="$adminOptions.hideTainacanCollectionSubheader"
+                v-if="$adminOptions.hideCollectionSubheader"
                 class="back-button is-hidden-mobile">
             <button     
                     @click="$router.go(-1)"
@@ -18,12 +18,12 @@
 
         <h1 
                 v-if="isRepositoryLevel"
-                :style="$adminOptions.hideTainacanCollectionSubheader ? 'margin-right: auto;' : ''">
+                :style="$adminOptions.hideCollectionSubheader ? 'margin-right: auto;' : ''">
             {{ repositoryName }}
         </h1>
         <h1 
                 v-else
-                :style="$adminOptions.hideTainacanCollectionSubheader ? 'margin-right: auto;' : ''">
+                :style="$adminOptions.hideCollectionSubheader ? 'margin-right: auto;' : ''">
             {{ $i18n.get('collection') + '' }} 
             <span class="has-text-weight-bold">
                 {{ collection && collection.name ? collection.name : '' }}
@@ -60,7 +60,7 @@
                         @click="openAvailableExportersModal"
                         class="button"
                         id="exporter-collection-button"
-                        v-if="!isRepositoryLevel && !$adminOptions.hideTainacanRepositorySubheaderExportButton">
+                        v-if="!isRepositoryLevel && !$adminOptions.hideRepositorySubheaderExportButton">
                     <span class="icon">
                         <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-export"/>
                     </span>
@@ -80,7 +80,7 @@
                 <a
                         :href="collection && collection.url ? collection.url : ''"
                         target="_blank"
-                        v-if="!isRepositoryLevel && collection && collection.url && !$adminOptions.hideTainacanRepositorySubheaderViewCollectionButton"
+                        v-if="!isRepositoryLevel && collection && collection.url && !$adminOptions.hideRepositorySubheaderViewCollectionButton"
                         class="button"
                         id="view-collection-button">
                 <span class="icon">
@@ -103,7 +103,7 @@
                 <a
                         :href="repositoryURL"
                         target="_blank"
-                        v-if="isRepositoryLevel && !$adminOptions.hideTainacanRepositorySubheaderViewCollectionsButton"
+                        v-if="isRepositoryLevel && !$adminOptions.hideRepositorySubheaderViewCollectionsButton"
                         class="button"
                         id="view-repository-button">
                 <span class="icon">
diff --git a/src/views/admin/components/other/items-status-tabs.vue b/src/views/admin/components/other/items-status-tabs.vue
index 26ce98a04..65067647f 100644
--- a/src/views/admin/components/other/items-status-tabs.vue
+++ b/src/views/admin/components/other/items-status-tabs.vue
@@ -11,7 +11,11 @@
                     }">
                 <a :style="{ fontWeight: 'bold', color: 'var(--tainacan-gray5) !important' }">
                     {{ $i18n.get('label_all_items') }}
-                    <span class="has-text-gray">&nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems.private + repositoryTotalItems.publish + repositoryTotalItems.draft })` : (collection && collection.total_items ? ` (${Number(collection.total_items.private) + Number(collection.total_items.publish) + Number(collection.total_items.draft)})` : '') }}</span>
+                    <span 
+                            v-if="!$adminOptions.hideItemsStatusTabsTotalItems"
+                            class="has-text-gray">
+                        &nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems.private + repositoryTotalItems.publish + repositoryTotalItems.draft })` : (collection && collection.total_items ? ` (${Number(collection.total_items.private) + Number(collection.total_items.publish) + Number(collection.total_items.draft)})` : '') }}
+                    </span>
                 </a>
             </li>
             <li 
@@ -36,7 +40,11 @@
                                 />
                     </span>
                     {{ statusOption.name }}
-                    <span class="has-text-gray">&nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems[statusOption.slug] })` : (collection && collection.total_items ? ` (${collection.total_items[statusOption.slug]})` : '') }}</span>
+                    <span 
+                            v-if="!$adminOptions.hideItemsStatusTabsTotalItems"
+                            class="has-text-gray">
+                        &nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems[statusOption.slug] })` : (collection && collection.total_items ? ` (${collection.total_items[statusOption.slug]})` : '') }}
+                    </span>
                 </a>
             </li>
         </ul>
@@ -58,23 +66,28 @@ export default {
             return this.getCollection();
         },
         repositoryTotalItems() {
-            let collections = this.getCollections();
 
-            let total_items = {
-                trash: 0,
-                publish: 0,
-                draft: 0,
-                private: 0
-            };
+            if (!this.$adminOptions.hideItemsStatusTabsTotalItems) {
+                let collections = this.getCollections();
 
-            for(let collection of collections){
-                total_items.trash += Number(collection.total_items.trash);
-                total_items.draft += Number(collection.total_items.draft);
-                total_items.publish += Number(collection.total_items.publish);
-                total_items.private += Number(collection.total_items.private);
+                let total_items = {
+                    trash: 0,
+                    publish: 0,
+                    draft: 0,
+                    private: 0
+                };
+
+                for(let collection of collections){
+                    total_items.trash += Number(collection.total_items.trash);
+                    total_items.draft += Number(collection.total_items.draft);
+                    total_items.publish += Number(collection.total_items.publish);
+                    total_items.private += Number(collection.total_items.private);
+                }
+
+                return total_items;
+            } else {
+                return '';
             }
-
-            return total_items;
         }
     },
     methods: {
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 1961a1750..2961ea2b7 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -465,8 +465,8 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         itemsSingleSelectionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
-            hideTainacanRepositorySubheader: true,
-            hideTainacanCollectionSubheader: true,
+            hideRepositorySubheader: true,
+            hideCollectionSubheader: true,
             hideMultipleItemSelection: true,
             hideBulkActionsDropdown: true,
             hideContextMenuOpenItemOption: true,
@@ -478,14 +478,14 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             hideItemsListPageTitle: true,
             hideItemCreationDropdown: true,
             hideExposersButton: true,
-            hideItemsStatusStabs: true,
+            hideItemsStatusTabs: true,
             hideFilterCreationButton: true
         },
         itemsMultipleSelectionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
-            hideTainacanRepositorySubheader: true,
-            hideTainacanCollectionSubheader: true,
+            hideRepositorySubheader: true,
+            hideCollectionSubheader: true,
             hideMultipleItemSelection: true,
             hideBulkActionsDropdown: true,
             hideContextMenuOpenItemOption: true,
@@ -497,14 +497,14 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             hideItemsListPageTitle: true,
             hideItemCreationDropdown: true,
             hideExposersButton: true,
-            hideItemsStatusStabs: true,
+            hideItemsStatusTabs: true,
             hideFilterCreationButton: true
         },
         itemsSearchSelectionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
-            hideTainacanRepositorySubheader: true,
-            hideTainacanCollectionSubheader: true,
+            hideRepositorySubheader: true,
+            hideCollectionSubheader: true,
             hideMultipleItemSelection: true,
             hideBulkActionsDropdown: true,
             hideItemActionArea: true,
@@ -513,21 +513,21 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             hideExposersButton: true,
             hideContextMenu: true,
             hideItemSelection: true,
-            hideItemsStatusStabs: true,
+            hideItemsStatusTabs: true,
             hideFilterCreationButton: true
         },
         itemEditionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
-            hideTainacanRepositorySubheader: true,
-            hideTainacanCollectionSubheader: true,
+            hideRepositorySubheader: true,
+            hideCollectionSubheader: true,
             hideItemEditionPageBackButton: true
         },
         mobileAppMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
-            hideTainacanRepositorySubheader: true,
-            hideTainacanCollectionSubheader: true,
+            hideRepositorySubheader: true,
+            hideCollectionSubheader: true,
             hideItemEditionPageBackButton: true,
             hideItemsListPageTitle: true,
             hideItemEditionPageTitle: true,
@@ -566,11 +566,11 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             * hidePrimaryMenuExportersButton
             * hidePrimaryMenuActivitiesButton
             * hidePrimaryMenuCapabilitiesButton
-        * hideTainacanRepositorySubheader
-            * hideTainacanRepositorySubheaderViewCollectionButton
-            * hideTainacanRepositorySubheaderViewCollectionsButton
-            * hideTainacanRepositorySubheaderExportButton
-        * hideTainacanCollectionSubheader
+        * hideRepositorySubheader
+            * hideRepositorySubheaderViewCollectionButton
+            * hideRepositorySubheaderViewCollectionsButton
+            * hideRepositorySubheaderExportButton
+        * hideCollectionSubheader
         * hideMultipleItemSelection
         * hideItemSelection
         * hideBulkActionsDropdown
@@ -582,13 +582,13 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             * hideContextMenuDeleteItemOption
         * hideItemActionArea
         * hideItemsListPageTitle
-        * hideItemCreationDropdown
-        * hideExposersButton
-        * hideItemsStatusStabs
-        * hideFilterCreationButton
-        * hideItemEditionPageBackButton
         * hideItemEditionPageTitle
         * hideBulkEditionPageTitle
+        * hideItemCreationDropdown
+        * hideExposersButton
+        * hideItemsStatusTabs
+        * hideFilterCreationButton
+        * hideItemEditionPageBackButton
         * hideCollectionNameInItemPage
     */
 };
\ No newline at end of file
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index 7d0e81eef..cb8403384 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -496,7 +496,7 @@
 
             <!-- STATUS TABS, only on Admin -------- -->
             <items-status-tabs 
-                    v-if="!openAdvancedSearch && !$adminOptions.hideItemsStatusStabs"
+                    v-if="!openAdvancedSearch && !$adminOptions.hideItemsStatusTabs"
                     :is-repository-level="isRepositoryLevel"/>
 
             <!-- FILTERS TAG LIST-->
diff --git a/src/views/admin/pages/singles/collection-page.vue b/src/views/admin/pages/singles/collection-page.vue
index 98ff0db38..27d4dc2f4 100644
--- a/src/views/admin/pages/singles/collection-page.vue
+++ b/src/views/admin/pages/singles/collection-page.vue
@@ -4,13 +4,13 @@
             :class="{ 'tainacan-admin-collection-mobile-app-mode': $adminOptions.mobileAppMode }">
         <section 
                 class="column is-secondary-content"
-                :style="$adminOptions.hideTainacanRepositorySubheader ? 'margin-top: 0; height: 100%;' : ''">
-            <tainacan-collection-subheader v-if="!$adminOptions.hideTainacanCollectionSubheader" />
+                :style="$adminOptions.hideRepositorySubheader ? 'margin-top: 0; height: 100%;' : ''">
+            <tainacan-collection-subheader v-if="!$adminOptions.hideCollectionSubheader" />
             <router-view
                     id="collection-page-container"
                     :collection-id="collectionId" 
                     class="page-container"
-                    :class="{ 'page-container-small': !$adminOptions.hideTainacanRepositorySubheader }"/>
+                    :class="{ 'page-container-small': !$adminOptions.hideRepositorySubheader }"/>
         </section>
     </div>
 </template>

From 1da154aa84a9b0993ef3333d3fab7cc3ba35408d Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 2 Feb 2022 15:08:35 -0300
Subject: [PATCH 09/11] Adds several options to hide elements from the home
 page. #659

---
 .../lists/collections-home-list.vue           | 12 ++++-----
 src/views/admin/js/admin-utilities.js         | 17 +++++++++++++
 src/views/admin/pages/home-page.vue           | 25 +++++++++++++------
 3 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/views/admin/components/lists/collections-home-list.vue b/src/views/admin/components/lists/collections-home-list.vue
index 4cef56430..b08880c9e 100644
--- a/src/views/admin/components/lists/collections-home-list.vue
+++ b/src/views/admin/components/lists/collections-home-list.vue
@@ -141,7 +141,7 @@
                         v-for="(collection, index) of collections"
                         class="tainacan-card">       
                     <ul class="menu-list">
-                        <li>
+                        <li v-if="!$adminOptions.hideHomeCollectionItemsButton">
                             <router-link 
                                     tag="a" 
                                     :to="{ path: $routerHelper.getCollectionItemsPath(collection.id, '') }" 
@@ -156,7 +156,7 @@
                                 <!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
                             </router-link>
                         </li>
-                        <li v-if="collection.current_user_can_edit">
+                        <li v-if="collection.current_user_can_edit && !$adminOptions.hideHomeCollectionSettingsButton">
                             <router-link
                                     tag="a" 
                                     :to="{ path: $routerHelper.getCollectionEditPath(collection.id) }" 
@@ -171,7 +171,7 @@
                                 <!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
                             </router-link>
                         </li>
-                        <li v-if="collection.current_user_can_edit_metadata">
+                        <li v-if="collection.current_user_can_edit_metadata && !$adminOptions.hideHomeCollectionMetadataButton">
                             <router-link  
                                     tag="a" 
                                     :to="{ path: $routerHelper.getCollectionMetadataPath(collection.id) }"
@@ -186,7 +186,7 @@
                                 <!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
                             </router-link>
                         </li>
-                        <li v-if="collection.current_user_can_edit_filters">
+                        <li v-if="collection.current_user_can_edit_filters && !$adminOptions.hideHomeCollectionFiltersButton">
                             <router-link 
                                     tag="a" 
                                     :to="{ path: $routerHelper.getCollectionFiltersPath(collection.id) }" 
@@ -202,7 +202,7 @@
                                 <!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
                             </router-link>
                         </li>
-                        <li v-if="$userCaps.hasCapability('tnc_rep_read_logs')">
+                        <li v-if="$userCaps.hasCapability('tnc_rep_read_logs') && !$adminOptions.hideHomeCollectionActivitiesButton">
                             <router-link 
                                     tag="a" 
                                     :to="{ path: $routerHelper.getCollectionActivitiesPath(collection.id) }"
@@ -217,7 +217,7 @@
                                 <!-- <span class="menu-text">{{ $i18n.get('activities') }}</span> -->
                             </router-link> 
                         </li>
-                        <li>
+                        <li v-if="!$adminOptions.hideHomeCollectionThemeCollectionButton">
                             <a 
                                     :href="collection.url"
                                     target="_blank" 
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 2961ea2b7..2473f91da 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -548,6 +548,23 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
     
     /*
         Possible Values:
+        * hideHomeRepositorySection
+            * hideHomeThemeCollectionsButton
+            * hideHomeThemeItemsButton
+            * hideHomeTaxonomiesButton
+            * hideHomeMetadataButton
+            * hideHomeFiltersButton
+            * hideHomeImportersButton
+            * hideHomeExportersButton
+            * hideHomeActivitiesButton
+        * hideHomeCollectionsSection
+            * hideHomeCollectionsButton
+            * hideHomeCollectionItemsButton
+            * hideHomeCollectionSettingsButton
+            * hideHomeCollectionMetadataButton
+            * hideHomeCollectionFiltersButton
+            * hideHomeCollectionActivitiesButton
+            * hideHomeCollectionThemeCollectionButton
         * hideTainacanHeader
             * hideTainacanHeaderHomeButton
             * hideTainacanHeaderSearchInput
diff --git a/src/views/admin/pages/home-page.vue b/src/views/admin/pages/home-page.vue
index 26fd5dd8c..edd7d5395 100644
--- a/src/views/admin/pages/home-page.vue
+++ b/src/views/admin/pages/home-page.vue
@@ -1,8 +1,11 @@
 <template>
     <div class="home-page page-container">
         <b-loading :active.sync="isLoadingCollections"/>
-        <section class="home-section home-section-repository">
+        <section 
+                v-if="!$adminOptions.hideHomeRepositorySection"
+                class="home-section home-section-repository">
             <div 
+                    v-if="!$adminOptions.hideHomeCollectionsSection"
                     class="section-connector" 
                     aria-hidden/>
             <div class="home-section-header repository-section-header">
@@ -14,6 +17,7 @@
                 
                 <h1>{{ $i18n.get('repository') + ' ' }}<span class="has-text-weight-semibold">{{ repositoryName }}</span></h1>
                 <a
+                        v-if="!$adminOptions.hideHomeThemeItemsButton"
                         target="_blank"
                         :href="themeItemsListURL">
                     <span class="icon">
@@ -44,7 +48,7 @@
                             <span class="menu-text">{{ $i18n.get('label_all_items') }}</span>
                         </router-link>
                     </li> -->
-                    <li v-if="$userCaps.hasCapability('tnc_rep_edit_metadata')">
+                    <li v-if="$userCaps.hasCapability('tnc_rep_edit_metadata') && !$adminOptions.hideHomeMetadataButton">
                         <router-link
                                 tag="a"
                                 to="/metadata">
@@ -54,7 +58,7 @@
                             <span class="menu-text">{{ $i18n.get('title_repository_metadata_page' ) }}</span>
                         </router-link>
                     </li>
-                    <li v-if="$userCaps.hasCapability('tnc_rep_edit_filters')">
+                    <li v-if="$userCaps.hasCapability('tnc_rep_edit_filters') && !$adminOptions.hideHomeFiltersButton">
                         <router-link
                                 tag="a"
                                 to="/filters">
@@ -64,7 +68,7 @@
                             <span class="menu-text">{{ $i18n.get('title_repository_filters_page') }}</span>
                         </router-link>
                     </li>
-                    <li>
+                    <li v-if="!$adminOptions.hideHomeTaxonomiesButton">
                         <router-link
                                 tag="a"
                                 to="/taxonomies">
@@ -74,7 +78,7 @@
                             <span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
                         </router-link>
                     </li>
-                    <li>
+                    <li v-if="!$adminOptions.hideHomeActivitiesButton">
                         <router-link
                                 tag="a"
                                 to="/activities">
@@ -84,7 +88,7 @@
                             <span class="menu-text">{{ $i18n.get('title_repository_activities_page') }}</span>
                         </router-link>
                     </li>
-                    <li>
+                    <li v-if="!$adminOptions.hideHomeImportersButton">
                         <router-link
                                 tag="a"
                                 to="/importers">
@@ -94,7 +98,7 @@
                             <span class="menu-text menu-text-import">{{ $i18n.get('importers') }}</span>
                         </router-link>
                     </li>
-                    <li>
+                    <li v-if="!$adminOptions.hideHomeExportersButton">
                         <router-link
                                 tag="a"
                                 to="/exporters">
@@ -108,8 +112,11 @@
             </nav>
         </section>
 
-        <section class="home-section home-section-collection">
+        <section 
+                v-if="!$adminOptions.hideHomeCollectionsSection"
+                class="home-section home-section-collection">
             <div 
+                    v-if="!$adminOptions.hideHomeRepositorySection"
                     class="collection-section-connector" 
                     aria-hidden/>
             <div class="home-section-header collections-section-header">
@@ -123,6 +130,7 @@
                 </div>
                 <h1>{{ $i18n.get('label_recent_collections') }}</h1>
                 <a
+                        v-if="!$adminOptions.hideHomeThemeCollectionsButton"
                         target="_blank"
                         :href="themeCollectionListURL"
                         style="position: relative">
@@ -137,6 +145,7 @@
                     :collections="collections"
                     :collections-total="collectionsTotal"/> 
             <router-link
+                    v-if="!$adminOptions.hideHomeCollectionsButton"
                     class="collections-see-more"
                     tag="a"
                     to="/collections">

From f25451e86caf546c6458edae30f0638119132aba Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 2 Feb 2022 17:06:20 -0300
Subject: [PATCH 10/11] Adds more variables to display the items list on admin
 #659

---
 .../lists/collections-home-list.vue           |  15 +++
 .../admin/components/lists/items-list.vue     |  54 ++++-----
 .../components/other/items-status-tabs.vue    |   6 +-
 .../components/search/filters-items-list.vue  |   2 +-
 src/views/admin/js/admin-utilities.js         | 103 ++++++++++--------
 src/views/admin/pages/lists/items-page.vue    |  41 +++++--
 .../admin/pages/singles/collection-page.vue   |   2 +-
 7 files changed, 131 insertions(+), 92 deletions(-)

diff --git a/src/views/admin/components/lists/collections-home-list.vue b/src/views/admin/components/lists/collections-home-list.vue
index b08880c9e..ad98f329a 100644
--- a/src/views/admin/components/lists/collections-home-list.vue
+++ b/src/views/admin/components/lists/collections-home-list.vue
@@ -156,6 +156,21 @@
                                 <!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
                             </router-link>
                         </li>
+                        <li v-if="collection.current_user_can_edit_items && $adminOptions.showHomeCollectionCreateItemButton">
+                            <router-link
+                                    tag="a" 
+                                    :to="{ path: $routerHelper.getNewItemPath(collection.id) }" 
+                                    :aria-label="$i18n.get('add_one_item')">
+                                <b-tooltip 
+                                        :label="$i18n.get('add_one_item')"
+                                        position="is-bottom">
+                                    <span class="icon">
+                                        <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-add"/>
+                                    </span>
+                                </b-tooltip>
+                                <!-- <span class="menu-text">{{ $i18n.get('add_one_item') }}</span> -->
+                            </router-link>
+                        </li>
                         <li v-if="collection.current_user_can_edit && !$adminOptions.hideHomeCollectionSettingsButton">
                             <router-link
                                     tag="a" 
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index 70a63c75a..67e7bb227 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -6,7 +6,7 @@
                 v-if="collectionId && collection && collection.current_user_can_edit_items && collection.current_user_can_bulk_edit"
                 class="selection-control">
             <div 
-                    v-if="!$adminOptions.hideMultipleItemSelection"
+                    v-if="!$adminOptions.hideItemsListMultipleSelection"
                     class="field select-all is-pulled-left">
                 <span>
                     <b-checkbox
@@ -50,7 +50,7 @@
                 </button>
             </span>
             <div 
-                    v-if="!$adminOptions.hideBulkActionsDropdown"
+                    v-if="!$adminOptions.hideItemsListBulkActionsButton"
                     style="margin-left: auto;"
                     class="field">
                 <b-dropdown
@@ -115,7 +115,7 @@
 
             <!-- Context menu for right click selection -->
             <div
-                    v-if="cursorPosY > 0 && cursorPosX > 0 && !$adminOptions.hideContextMenu"
+                    v-if="cursorPosY > 0 && cursorPosX > 0 && !$adminOptions.hideItemsListContextMenu"
                     class="context-menu">
 
                 <!-- Backdrop for escaping context menu -->
@@ -130,12 +130,12 @@
                         trap-focus>
                     <b-dropdown-item
                             @click="openItem()"
-                            v-if="!isOnTrash && !$adminOptions.hideContextMenuOpenItemOption">
+                            v-if="!isOnTrash && !$adminOptions.hideItemsListContextMenuOpenItemOption">
                         {{ $i18n.getFrom('items','view_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="openItemOnNewTab()"
-                            v-if="!isOnTrash && !$adminOptions.hideContextMenuOpenItemOnNewTabOption">
+                            v-if="!isOnTrash && !$adminOptions.hideItemsListContextMenuOpenItemOnNewTabOption">
                         {{ $i18n.get('label_open_item_new_tab') }}
                     </b-dropdown-item>
                     <b-dropdown-item
@@ -145,17 +145,17 @@
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="goToItemEditPage(contextMenuItem)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuEditItemOption">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideItemsListContextMenuEditItemOption">
                         {{ $i18n.getFrom('items','edit_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="makeCopiesOfOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuCopyItemOption">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideItemsListContextMenuCopyItemOption">
                         {{ $i18n.get('label_make_copies_of_item') }}
                     </b-dropdown-item>
                     <b-dropdown-item
                             @click="deleteOneItem(contextMenuItem.id)"
-                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideContextMenuDeleteItemOption">
+                            v-if="contextMenuItem != null && contextMenuItem.current_user_can_edit && !$adminOptions.hideItemsListContextMenuDeleteItemOption">
                         {{ $i18n.get('label_delete_item') }}
                     </b-dropdown-item>
                 </b-dropdown>
@@ -165,7 +165,7 @@
             <div
                     role="list"
                     class="tainacan-grid-container"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     v-if="viewMode == 'grid'">
                 <div
                         role="listitem"
@@ -178,7 +178,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit for repository level is implemented -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                            v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="grid-item-checkbox">
                         <b-checkbox
@@ -245,7 +245,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemsListActionAreas"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -305,7 +305,7 @@
                     v-if="viewMode == 'masonry'"
                     :cols="{default: 7, 1919: 6, 1407: 5, 1215: 4, 1023: 3, 767: 2, 343: 1}"
                     :gutter="25"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     class="tainacan-masonry-container">
                 <div
                         role="listitem"
@@ -320,7 +320,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                            v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="masonry-item-checkbox">
                         <label
@@ -386,7 +386,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemsListActionAreas"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -442,7 +442,7 @@
             <!-- CARDS VIEW MODE -->
             <div
                     role="list"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     class="tainacan-cards-container"
                     v-if="viewMode == 'cards'">
                 <div
@@ -456,7 +456,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                            v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="card-checkbox">
                         <b-checkbox
@@ -508,7 +508,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemsListActionAreas"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -636,7 +636,7 @@
                     role="list"
                     :cols="{default: 4, 1919: 3, 1407: 2, 1215: 2, 1023: 1, 767: 1, 343: 1}"
                     :gutter="30"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     class="tainacan-records-container"
                     v-if="viewMode == 'records'">
                 <div
@@ -650,7 +650,7 @@
                     <!-- Checkbox -->
                     <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                            v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="record-checkbox">
                         <label
@@ -729,7 +729,7 @@
                     </div>
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemsListActionAreas"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
@@ -839,13 +839,13 @@
             <!-- TABLE VIEW MODE -->
             <table
                     v-if="viewMode == 'table'"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     class="tainacan-table">
                 <thead>
                     <tr>
                         <!-- Checking list -->
                         <th
-                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))">
+                                v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))">
                             &nbsp;
                             <!-- nothing to show on header for checkboxes -->
                         </th>
@@ -894,7 +894,7 @@
                         <!-- Checking list -->
                         <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
                         <td
-                                v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                                v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                                 :class="{ 'is-selecting': isSelectingItems }"
                                 class="checkbox-cell">
                             <b-checkbox
@@ -1059,7 +1059,7 @@
 
                         <!-- Actions -->
                         <td 
-                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !$adminOptions.hideItemActionArea"
+                                v-if="(item.current_user_can_edit || item.current_user_can_delete) && !$adminOptions.hideItemsListActionAreas"
                                 class="actions-cell"
                                 :label="$i18n.get('label_actions')">
                             <div class="actions-container">
@@ -1119,7 +1119,7 @@
             <div
                     role="list"
                     v-if="viewMode == 'list'"
-                    :class="{ 'hide-items-selection': $adminOptions.hideItemSelection }"
+                    :class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
                     class="tainacan-list-container">
                 <div 
                         role="listitem"
@@ -1131,7 +1131,7 @@
                         :class="{ 'selected-list-item': getSelectedItemChecked(item.id) == true }">
 
                     <div
-                            v-if="collectionId && !$adminOptions.hideItemSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
+                            v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
                             :class="{ 'is-selecting': isSelectingItems }"
                             class="list-checkbox">
                         <label
@@ -1194,7 +1194,7 @@
 
                     <!-- Actions -->
                     <div
-                            v-if="item.current_user_can_edit && !$adminOptions.hideItemActionArea"
+                            v-if="item.current_user_can_edit && !$adminOptions.hideItemsListActionAreas"
                             class="actions-area"
                             :label="$i18n.get('label_actions')">
                         <a
diff --git a/src/views/admin/components/other/items-status-tabs.vue b/src/views/admin/components/other/items-status-tabs.vue
index 65067647f..00359dc54 100644
--- a/src/views/admin/components/other/items-status-tabs.vue
+++ b/src/views/admin/components/other/items-status-tabs.vue
@@ -12,7 +12,7 @@
                 <a :style="{ fontWeight: 'bold', color: 'var(--tainacan-gray5) !important' }">
                     {{ $i18n.get('label_all_items') }}
                     <span 
-                            v-if="!$adminOptions.hideItemsStatusTabsTotalItems"
+                            v-if="!$adminOptions.hideItemsListStatusTabsTotalItems"
                             class="has-text-gray">
                         &nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems.private + repositoryTotalItems.publish + repositoryTotalItems.draft })` : (collection && collection.total_items ? ` (${Number(collection.total_items.private) + Number(collection.total_items.publish) + Number(collection.total_items.draft)})` : '') }}
                     </span>
@@ -41,7 +41,7 @@
                     </span>
                     {{ statusOption.name }}
                     <span 
-                            v-if="!$adminOptions.hideItemsStatusTabsTotalItems"
+                            v-if="!$adminOptions.hideItemsListStatusTabsTotalItems"
                             class="has-text-gray">
                         &nbsp;{{ (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems[statusOption.slug] })` : (collection && collection.total_items ? ` (${collection.total_items[statusOption.slug]})` : '') }}
                     </span>
@@ -67,7 +67,7 @@ export default {
         },
         repositoryTotalItems() {
 
-            if (!this.$adminOptions.hideItemsStatusTabsTotalItems) {
+            if (!this.$adminOptions.hideItemsListStatusTabsTotalItems) {
                 let collections = this.getCollections();
 
                 let total_items = {
diff --git a/src/views/admin/components/search/filters-items-list.vue b/src/views/admin/components/search/filters-items-list.vue
index 3d0393bed..a40ccac09 100644
--- a/src/views/admin/components/search/filters-items-list.vue
+++ b/src/views/admin/components/search/filters-items-list.vue
@@ -271,7 +271,7 @@
                 </p>
                 <p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
                 <router-link
-                        v-if="!$adminOptions.hideFilterCreationButton && $route.name != null"
+                        v-if="!$adminOptions.hideItemsListFilterCreationButton && $route.name != null"
                         id="button-create-filter"
                         :to="isRepositoryLevel && $routerHelper ? $routerHelper.getNewFilterPath() : $routerHelper.getNewCollectionFilterPath(collectionId)"
                         tag="button"
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 2473f91da..2d5f460e5 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -467,54 +467,54 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             hidePrimaryMenu: true,
             hideRepositorySubheader: true,
             hideCollectionSubheader: true,
-            hideMultipleItemSelection: true,
-            hideBulkActionsDropdown: true,
-            hideContextMenuOpenItemOption: true,
-            hideContextMenuOpenItemOnNewTabOption: true,
-            hideContextMenuEditItemOption: true,
-            hideContextMenuCopyItemOption: true,
-            hideContextMenuDeleteItemOption: true,
-            hideItemActionArea: true,
+            hideItemsListMultipleSelection: true,
+            hideItemsListBulkActionsButton: true,
+            hideItemsListContextMenuOpenItemOption: true,
+            hideItemsListContextMenuOpenItemOnNewTabOption: true,
+            hideItemsListContextMenuEditItemOption: true,
+            hideItemsListContextMenuCopyItemOption: true,
+            hideItemsListContextMenuDeleteItemOption: true,
+            hideItemsListActionAreas: true,
             hideItemsListPageTitle: true,
-            hideItemCreationDropdown: true,
-            hideExposersButton: true,
-            hideItemsStatusTabs: true,
-            hideFilterCreationButton: true
+            hideItemsListCreationDropdown: true,
+            hideItemsListExposersButton: true,
+            hideItemsListStatusTabs: true,
+            hideItemsListFilterCreationButton: true
         },
         itemsMultipleSelectionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
             hideRepositorySubheader: true,
             hideCollectionSubheader: true,
-            hideMultipleItemSelection: true,
-            hideBulkActionsDropdown: true,
-            hideContextMenuOpenItemOption: true,
-            hideContextMenuOpenItemOnNewTabOption: true,
-            hideContextMenuEditItemOption: true,
-            hideContextMenuCopyItemOption: true,
-            hideContextMenuDeleteItemOption: true,
-            hideItemActionArea: true,
+            hideItemsListMultipleSelection: true,
+            hideItemsListBulkActionsButton: true,
+            hideItemsListContextMenuOpenItemOption: true,
+            hideItemsListContextMenuOpenItemOnNewTabOption: true,
+            hideItemsListContextMenuEditItemOption: true,
+            hideItemsListContextMenuCopyItemOption: true,
+            hideItemsListContextMenuDeleteItemOption: true,
+            hideItemsListActionAreas: true,
             hideItemsListPageTitle: true,
-            hideItemCreationDropdown: true,
-            hideExposersButton: true,
-            hideItemsStatusTabs: true,
-            hideFilterCreationButton: true
+            hideItemsListCreationDropdown: true,
+            hideItemsListExposersButton: true,
+            hideItemsListStatusTabs: true,
+            hideItemsListFilterCreationButton: true
         },
         itemsSearchSelectionMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
             hideRepositorySubheader: true,
             hideCollectionSubheader: true,
-            hideMultipleItemSelection: true,
-            hideBulkActionsDropdown: true,
-            hideItemActionArea: true,
+            hideItemsListMultipleSelection: true,
+            hideItemsListBulkActionsButton: true,
+            hideItemsListActionAreas: true,
             hideItemsListPageTitle: true,
-            hideItemCreationDropdown: true,
-            hideExposersButton: true,
-            hideContextMenu: true,
-            hideItemSelection: true,
-            hideItemsStatusTabs: true,
-            hideFilterCreationButton: true
+            hideItemsListCreationDropdown: true,
+            hideItemsListExposersButton: true,
+            hideItemsListContextMenu: true,
+            hideItemsListSelection: true,
+            hideItemsListStatusTabs: true,
+            hideItemsListFilterCreationButton: true
         },
         itemEditionMode: {
             hideTainacanHeader: true,
@@ -547,7 +547,7 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
     }
     
     /*
-        Possible Values:
+        Possible Values for Admin Options. Identation marks options that affects others:
         * hideHomeRepositorySection
             * hideHomeThemeCollectionsButton
             * hideHomeThemeItemsButton
@@ -565,6 +565,7 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             * hideHomeCollectionFiltersButton
             * hideHomeCollectionActivitiesButton
             * hideHomeCollectionThemeCollectionButton
+            * showHomeCollectionCreateItemButton
         * hideTainacanHeader
             * hideTainacanHeaderHomeButton
             * hideTainacanHeaderSearchInput
@@ -588,23 +589,29 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             * hideRepositorySubheaderViewCollectionsButton
             * hideRepositorySubheaderExportButton
         * hideCollectionSubheader
-        * hideMultipleItemSelection
-        * hideItemSelection
-        * hideBulkActionsDropdown
-        * hideContextMenu
-            * hideContextMenuOpenItemOption
-            * hideContextMenuOpenItemOnNewTabOption
-            * hideContextMenuEditItemOption
-            * hideContextMenuCopyItemOption
-            * hideContextMenuDeleteItemOption
-        * hideItemActionArea
+
         * hideItemsListPageTitle
+        * hideItemsListMultipleSelection
+        * hideItemsListSelection
+        * hideItemsListBulkActionsButton
+        * hideItemsListCreationDropdown
+            * hideItemsListCreationDropdownBulkAdd
+            * hideItemsListCreationDropdownImport
+        * hideItemsListAdvancedSearch
+        * hideItemsListExposersButton
+        * hideItemsListStatusTabs
+            * hideItemsListStatusTabsTotalItems
+        * hideItemsListContextMenu
+            * hideItemsListContextMenuOpenItemOption
+            * hideItemsListContextMenuOpenItemOnNewTabOption
+            * hideItemsListContextMenuEditItemOption
+            * hideItemsListContextMenuCopyItemOption
+            * hideItemsListContextMenuDeleteItemOption
+        * hideItemsListActionAreas
+        * hideItemsListFilterCreationButton
+
         * hideItemEditionPageTitle
         * hideBulkEditionPageTitle
-        * hideItemCreationDropdown
-        * hideExposersButton
-        * hideItemsStatusTabs
-        * hideFilterCreationButton
         * hideItemEditionPageBackButton
         * hideCollectionNameInItemPage
     */
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index cb8403384..80e1befc8 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -93,20 +93,34 @@
                             icon-right-clickable
                             @icon-right-click="updateSearch()" />
                     <a
+                            v-if="!$adminOptions.hideItemsListAdvancedSearch"
                             @click="openAdvancedSearch = !openAdvancedSearch; $eventBusSearch.clearAllFilters();"
                             style="font-size: 0.75em;"
                             class="has-text-secondary is-pulled-right">{{ $i18n.get('advanced_search') }}</a>
                 </div>
             </div>
 
-            <!-- Item Creation Dropdown -->
+            <!-- Item Creation Dropdown (or button, if few options are available) -->
             <div 
-                    class="search-control-item"
-                    v-if="!$adminOptions.hideItemCreationDropdown &&
+                    v-if="!$adminOptions.hideItemsListCreationDropdown &&
                             !openAdvancedSearch &&
                             collection && 
-                            collection.current_user_can_edit_items">
+                            collection.current_user_can_edit_items"
+                    class="search-control-item">
+                <router-link
+                        id="item-creation-options-dropdown"
+                        v-if="$adminOptions.hideItemsListCreationDropdownBulkAdd && $adminOptions.hideItemsListCreationDropdownImport"
+                        class="button is-secondary"
+                        tag="button"
+                        :to="{ path: $routerHelper.getNewItemPath(collectionId) }">
+                    <span class="is-hidden-touch">{{ $i18n.getFrom('items','add_new') }}</span>
+                    <span class="is-hidden-desktop">{{ $i18n.get('add') }}</span>
+                    <span class="icon">
+                        <i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-add" />
+                    </span>
+                </router-link>
                 <b-dropdown
+                        v-else
                         :mobile-modal="true"
                         id="item-creation-options-dropdown"
                         aria-role="list"
@@ -142,7 +156,7 @@
                         </div>
                     </b-dropdown-item>
                     <b-dropdown-item 
-                            v-if="!isRepositoryLevel"
+                            v-if="!isRepositoryLevel && !$adminOptions.hideItemsListCreationDropdownBulkAdd"
                             aria-role="listitem">
                         <router-link
                                 id="a-item-add-bulk"
@@ -153,7 +167,9 @@
                             <small class="is-small">{{ $i18n.get('info_bulk_add_items') }}</small>
                         </router-link>
                     </b-dropdown-item>
-                    <b-dropdown-item aria-role="listitem">
+                    <b-dropdown-item 
+                            v-if="!$adminOptions.hideItemsListCreationDropdownImport"
+                            aria-role="listitem">
                         <div
                                 id="a-import-items"
                                 tag="div"
@@ -414,7 +430,7 @@
 
             <!-- Exposers or alternative links modal button -->
             <div 
-                    v-if="!$adminOptions.hideExposersButton"
+                    v-if="!$adminOptions.hideItemsListExposersButton"
                     class="search-control-item">
                 <button 
                         class="button is-white"
@@ -496,7 +512,7 @@
 
             <!-- STATUS TABS, only on Admin -------- -->
             <items-status-tabs 
-                    v-if="!openAdvancedSearch && !$adminOptions.hideItemsStatusTabs"
+                    v-if="!openAdvancedSearch && !$adminOptions.hideItemsListStatusTabs"
                     :is-repository-level="isRepositoryLevel"/>
 
             <!-- FILTERS TAG LIST-->
@@ -597,7 +613,7 @@
                         </p>
 
                         <router-link
-                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemCreationDropdown"
+                                v-if="!isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemsListCreationDropdown"
                                 id="button-create-item"
                                 tag="button"
                                 class="button is-secondary"
@@ -605,7 +621,7 @@
                             {{ $i18n.getFrom('items', 'add_new') }}
                         </router-link> 
                         <button
-                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemCreationDropdown"
+                                v-else-if="isRepositoryLevel && !isSortingByCustomMetadata && !hasFiltered && (status == undefined || status == '') && !$adminOptions.hideItemsListCreationDropdown"
                                 id="button-create-item"
                                 class="button is-secondary"
                                 @click="onOpenCollectionsModal">
@@ -762,8 +778,9 @@
 
                     if ((this.$refs['search-control'].classList.contains('floating-search-control')))
                         this.$refs['search-control'].classList.remove('floating-search-control');
-                        
-                    this.$refs['items-page-container'].scrollTo({ top: this.$refs['search-control'].offsetTop - (this.isRepositoryLevel ? 94 : 42), behavior: 'smooth'});
+                    
+                    if (!this.$adminOptions.hideCollectionSubheader)
+                        this.$refs['items-page-container'].scrollTo({ top: this.$refs['search-control'].offsetTop - (this.isRepositoryLevel ? 94 : 42), behavior: 'smooth'});
                 }
 
                 this.isLoadingItems = isLoadingItems;
diff --git a/src/views/admin/pages/singles/collection-page.vue b/src/views/admin/pages/singles/collection-page.vue
index 27d4dc2f4..9fa8c4b11 100644
--- a/src/views/admin/pages/singles/collection-page.vue
+++ b/src/views/admin/pages/singles/collection-page.vue
@@ -10,7 +10,7 @@
                     id="collection-page-container"
                     :collection-id="collectionId" 
                     class="page-container"
-                    :class="{ 'page-container-small': !$adminOptions.hideRepositorySubheader }"/>
+                    :class="{ 'page-container-small': !$adminOptions.hideRepositorySubheader && !$adminOptions.hideCollectionSubheader }"/>
         </section>
     </div>
 </template>

From 5b0adc1d39060c9b0aec920efa6dab9a02a411e9 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 3 Feb 2022 10:48:41 -0300
Subject: [PATCH 11/11] New options to hide elements on item single and edition
 page #659

---
 .../components/edition/item-edition-form.vue  | 14 +++++----
 src/views/admin/js/admin-utilities.js         | 22 ++++++++++----
 src/views/admin/pages/singles/item-page.vue   | 29 ++++++++++++++-----
 3 files changed, 45 insertions(+), 20 deletions(-)

diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index 4b830bc94..35fd7be68 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -23,7 +23,6 @@
                 <span style="font-weight: 600;">{{ (item != null && item != undefined) ? item.title : '' }}</span>
             </h1>
             <a
-                    v-if="!$adminOptions.hideItemEditionPageBackButton"
                     @click="$router.go(-1)"
                     class="back-link has-text-secondary">
                 {{ $i18n.get('back') }}
@@ -54,10 +53,10 @@
                         </template>
 
                         <div class="columns">
-
+ 
                             <!-- Collection -------------------------------- -->
                             <div 
-                                    v-if="!$adminOptions.hideCollectionNameInItemPage"
+                                    v-if="!$adminOptions.hideItemEditionCollectionName"
                                     class="column is-narrow">
                                 <div class="section-label">
                                     <label>{{ $i18n.get('collection') }}</label>
@@ -76,6 +75,7 @@
 
                             <!-- Visibility (status public or private) -------------------------------- -->
                             <div
+                                    v-if="!$adminOptions.hideItemEditionStatusOptions"
                                     style="flex-wrap: wrap"
                                     class="column is-narrow">
                                 <div class="section-label">
@@ -114,7 +114,7 @@
                             <!-- Comment Status ------------------------ -->
                             <div
                                     class="column is-narrow"
-                                    v-if="collection && collection.allow_comments && collection.allow_comments == 'open'">
+                                    v-if="collection && collection.allow_comments && collection.allow_comments == 'open' && !$adminOptions.hideItemEditionCommentsToggle">
                                 <div class="section-label">
                                     <label>{{ $i18n.get('label_comments') }}</label>
                                     <help-button
@@ -451,7 +451,9 @@
                             </div>
 
                             <!-- Thumbnail -------------------------------- -->
-                            <div class="section-label">
+                            <div 
+                                    v-if="!$adminOptions.hideItemEditionThumbnail"
+                                    class="section-label">
                                 <label>{{ $i18n.get('label_thumbnail') }}</label>
                                 <help-button
                                         :title="$i18n.getHelperTitle('items', '_thumbnail_id')"
@@ -459,7 +461,7 @@
 
                             </div>
                             <div 
-                                    v-if="!isLoading"
+                                    v-if="!isLoading && !$adminOptions.hideItemEditionThumbnail"
                                     class="section-box section-thumbnail">
                                 <div class="thumbnail-field">
                                     <file-item
diff --git a/src/views/admin/js/admin-utilities.js b/src/views/admin/js/admin-utilities.js
index 2d5f460e5..8dfdbe2be 100644
--- a/src/views/admin/js/admin-utilities.js
+++ b/src/views/admin/js/admin-utilities.js
@@ -520,19 +520,17 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
             hideRepositorySubheader: true,
-            hideCollectionSubheader: true,
-            hideItemEditionPageBackButton: true
+            hideCollectionSubheader: true
         },
         mobileAppMode: {
             hideTainacanHeader: true,
             hidePrimaryMenu: true,
             hideRepositorySubheader: true,
             hideCollectionSubheader: true,
-            hideItemEditionPageBackButton: true,
             hideItemsListPageTitle: true,
             hideItemEditionPageTitle: true,
             hideBulkEditionPageTitle: true,
-            hideCollectionNameInItemPage: true
+            hideItemSingleCollectionName: true
         }
     }
     for (let adminSpecialMode in adminSpecialModes) {
@@ -611,8 +609,20 @@ AdminOptionsHelperPlugin.install = function (Vue, options = {}) {
         * hideItemsListFilterCreationButton
 
         * hideItemEditionPageTitle
+        * hideItemEditionCollectionName
+        * hideItemEditionStatusOptions
+        * hideItemEditionCommentsToggle
+        * hideItemEditionThumbnail
+        
         * hideBulkEditionPageTitle
-        * hideItemEditionPageBackButton
-        * hideCollectionNameInItemPage
+        
+        * hideItemSinglePageTitle
+        * hideItemSingleCollectionName
+        * hideItemSingleCurrentStatus
+        * hideItemSingleCurrentVisibility
+        * hideItemSingleCommentsOpen
+        * hideItemSingleThumbnail
+        * hideItemSingleActivities
+        * hideItemSingleExposers
     */
 };
\ No newline at end of file
diff --git a/src/views/admin/pages/singles/item-page.vue b/src/views/admin/pages/singles/item-page.vue
index 5f41300a4..c2a544561 100644
--- a/src/views/admin/pages/singles/item-page.vue
+++ b/src/views/admin/pages/singles/item-page.vue
@@ -4,7 +4,9 @@
                 :active.sync="isLoading"
                 :can-cancel="false"/>
 
-        <div class="tainacan-page-title">
+        <div 
+                v-if="!$adminOptions.hideItemSinglePageTitle"
+                class="tainacan-page-title">
             <h1>
             <span
                     v-if="(item != null && item != undefined && item.status != undefined && !isLoading)"
@@ -42,7 +44,9 @@
                             class="columns">
 
                         <!-- Collection -------------------------------- -->
-                        <div class="column is-narrow">
+                        <div 
+                                v-if="!$adminOptions.hideItemSingleCollectionName"
+                                class="column is-narrow">
                             <div class="section-label">
                                 <label>{{ $i18n.get('collection') }}</label>
                             </div>
@@ -59,7 +63,9 @@
                         </div>
 
                         <!-- Status (status public or private) -------------------------------- -->
-                        <div class="column is-narrow">
+                        <div 
+                                v-if="!$adminOptions.hideItemSingleCurrentStatus"
+                                class="column is-narrow">
                             
                             <div class="section-label">
                                 <label>{{ $i18n.getHelperTitle('items', 'status') }}</label>
@@ -81,7 +87,9 @@
                         </div>
 
                         <!-- Visibility -->
-                        <div class="column is-narrow">
+                        <div 
+                                v-if="!$adminOptions.hideItemSingleCurrentVisibility"
+                                class="column is-narrow">
                             <div class="section-label">
                                 <label>{{ $i18n.get('label_visibility') }}</label>
                             </div>
@@ -129,7 +137,7 @@
 
                         <!-- Comment Status ------------------------ -->
                         <div
-                                v-if="collection && collection.allow_comments && collection.allow_comments == 'open'"
+                                v-if="collection && collection.allow_comments && collection.allow_comments == 'open' && !$adminOptions.hideItemSingleCommentsOpen"
                                 class="column is-narrow">
                             <div class="section-label">
                                 <label>{{ $i18n.get('label_comments') }}</label>
@@ -253,7 +261,7 @@
                                     @isLoadingAttachments="(isLoading) => isLoadingAttachments = isLoading" />    
                         </b-tab-item>
 
-                        <b-tab-item>
+                        <b-tab-item :visible="!$adminOptions.hideItemSingleActivities">
                             <template slot="header">
                                 <span class="icon has-text-gray5">
                                     <i class="tainacan-icon tainacan-icon-18px tainacan-icon-activities"/>
@@ -311,10 +319,14 @@
                         </div>
 
                         <!-- Thumbnail -------------------------------- -->
-                        <div class="section-label">
+                        <div 
+                                v-if="!$adminOptions.hideItemSingleThumbnail"
+                                class="section-label">
                             <label>{{ $i18n.get('label_thumbnail') }}</label>
                         </div>
-                        <div class="section-box section-thumbnail">
+                        <div 
+                                v-if="!$adminOptions.hideItemSingleThumbnail"
+                                class="section-box section-thumbnail">
                             <div class="thumbnail-field">
                                 <file-item
                                         v-if="item.thumbnail != undefined && ((item.thumbnail['tainacan-medium'] != undefined && item.thumbnail['tainacan-medium'] != false) || (item.thumbnail.medium != undefined && item.thumbnail.medium != false))"
@@ -390,6 +402,7 @@
                         <span>{{ $i18n.getFrom('items','edit_item') }}</span>
                     </router-link>
                     <button 
+                            v-if="!$adminOptions.hideItemSingleExposers"
                             class="button sequence-button"
                             :aria-label="$i18n.get('label_view_as')"
                             :disabled="isLoading"