Fixes on Item Page

src/admin/components/edition/item-edition-form.vue

@@ -378,13 +378,13 @@
             <div class="footer">
                 <!-- Last Updated Info --> 
                 <div class="update-info-section">     
-                    <p v-if="isUpdatingValues">
+                    <p v-if="!isUpdatingValues">
                         {{ ($i18n.get('info_updated_at') + ' ' + lastUpdated) }}
                         <span class="help is-danger">{{ formErrorMessage }}</span>
                     </p>     
                     <p 
                             class="update-warning"
-                            v-if="!isUpdatingValues">
+                            v-if="isUpdatingValues">
                         <b-icon icon="autorenew" />{{ $i18n.get('info_updating_metadata_values') }}
                         <span class="help is-danger">{{ formErrorMessage }}</span>
                     </p>
@@ -1088,12 +1088,12 @@ export default {
         z-index: 999999;
         background-color: $primary-lighter;
         width: 100%;
+        height: 65px;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
 
         .form-submission-footer {    
-            width: 100%;
-            display: flex;
-            justify-content: end;
-
             .button {
                 margin-left: 16px;
                 margin-right: 6px;
@@ -1115,10 +1115,8 @@ export default {
         }
 
         .update-info-section {
-            position: relative;
-            margin-top: -20px;
-            top: 28px;
             color: $gray-light;
+            margin-right: auto;
         }
 
         .help {

src/admin/pages/singles/item-page.vue

@@ -36,6 +36,9 @@
                                 <div v-html="item.document_as_html"/>
                             </div>
                         </div>
+                        <div v-else>
+                            <p>{{ $i18n.get('info_no_document_to_item') }}</p>
+                        </div>
                     </div>
 
                     <!-- Thumbnail -------------------------------- -->
@@ -193,7 +196,8 @@
                 isLoading: false,
                 isMetadataColumnCompressed: false,
                 open: false,
-                collectionName: ''
+                collectionName: '',
+                thumbPlaceholderPath: tainacan_plugin.base_url + '/admin/images/placeholder_square.png'
             }
         },
         components: {
@@ -317,16 +321,15 @@
             .field {
                 padding: 10px 0px 10px 30px;
 
-                .collapse .collapse-content {
-                    margin-left: 30px; 
-                }
             }
 
             @media screen and (max-width: 769px) {
                 width: 100%;
             }
         }
-
+            .collapse .collapse-content {
+                margin-left: 30px; 
+            }
     }
 
     .field {
@@ -452,12 +455,13 @@
         bottom: 0;
         z-index: 999999;
         background-color: $primary-lighter;
-        width: 100%;
+        width: 100%;    
+        height: 65px;
 
         .form-submission-footer {    
             width: 100%;
             display: flex;
-            justify-content: end;
+            justify-content: flex-end;
 
             .button {
                 margin-left: 16px;

src/admin/tainacan-admin-i18n.php

@@ -372,6 +372,8 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'info_type_to_add_metadata'                  => __( 'Add metadata...', 'tainacan' ),
 	'info_visibility_helper'                     => __( 'How the item will be available to visualization.', 'tainacan' ),
 	'info_errors_in_form'                        => __( 'There are errors in the form', 'tainacan' ),
+	'info_no_document_to_item'                   => __( 'No document was uploaded to this item.', 'tainacan' ),
+
 
 	// Tainacan Metadatum Types
 	'tainacan-text'                              => __( 'Text', 'tainacan' ),