From cd4a1caf53735981836f09ae29614195bf82dd80 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Fri, 6 Jul 2018 17:09:08 -0300
Subject: [PATCH] Begins changes of status button in Item Edition Form

---
 .../components/edition/item-edition-form.vue  | 76 ++++++++++++++++++-
 src/admin/components/other/file-item.vue      |  4 +-
 src/admin/tainacan-admin-i18n.php             |  7 ++
 3 files changed, 83 insertions(+), 4 deletions(-)

diff --git a/src/admin/components/edition/item-edition-form.vue b/src/admin/components/edition/item-edition-form.vue
index d86097a0d..108f90ce3 100644
--- a/src/admin/components/edition/item-edition-form.vue
+++ b/src/admin/components/edition/item-edition-form.vue
@@ -275,6 +275,32 @@
                         class="column is-4-5"
                         v-show="!isMetadataColumnCompressed">
 
+                    
+                    <!-- Visibility (status public or private) -------------------------------- -->
+                    <div class="section-label">
+                        <label>{{ $i18n.get('label_visibility') }}</label>
+                        <span class="required-metadatum-asterisk">*</span>
+                        <help-button
+                                :title="$i18n.get('label_visibility')"
+                                :message="$i18n.get('info_visibility_helper')"/>
+                    </div>
+                    <div class="section-status">
+                        <div class="field has-addons">
+                            <b-radio
+                                    v-model="visibility"
+                                    value="publish"
+                                    native-value="publish">
+                                {{ $i18n.get('publish_visibility') }}
+                            </b-radio>
+                            <b-radio
+                                    v-model="visibility"
+                                    value="private"
+                                    native-value="private">
+                                {{ $i18n.get('private_visibility') }}
+                            </b-radio>
+                        </div>
+                    </div>
+
                     <!-- Status -------------------------------- -->
                     <div class="section-label">
                         <label>{{ $i18n.get('label_status') }}</label>
@@ -291,7 +317,37 @@
                         </em>
                     </p>
                     <div class="section-status">
-                        <div class="field has-addons">
+                        <div v-if="form.status == 'auto-draft' || form.status == 'draft' || form.status == undefined">
+                            <button 
+                                    v-if="form.status == 'draft'"
+                                    @click="form.status = 'trash'; onSubmit()"
+                                    type="button"
+                                    class="button is-outlined">{{ $i18n.get('label_send_to_trash') }}</button>
+                            <button 
+                                    v-if="form.status == 'auto-draft'"
+                                    @click="onDiscart()"
+                                    type="button"
+                                    class="button is-outlined">{{ $i18n.get('label_discart') }}</button>
+                            <button 
+                                    @click="form.status = 'draft'; onSubmit()"
+                                    type="button"
+                                    class="button is-secondary">{{ $i18n.get('label_save_as_draft') }}</button>
+                            <button 
+                                    @click="form.status = visibility; onSubmit()"
+                                    type="button"
+                                    class="button is-success">{{ $i18n.get('label_publish') }}</button>
+                        </div>
+                        <div v-if="form.status == 'publish' || form.status == 'private'">
+                            <button 
+                                    @click="form.status = 'trash'; onSubmit()"
+                                    type="button"
+                                    class="button is-outlined">{{ $i18n.get('label_send_to_trash') }}</button>
+                            <button 
+                                    @click="form.status = visibility; onSubmit()"
+                                    type="button"
+                                    class="button is-success">{{ $i18n.get('label_update') }}</button>
+                        </div>
+                        <!--<div class="field has-addons">
                             <b-select
                                     v-model="form.status"
                                     :placeholder="$i18n.get('instruction_select_a_status')">
@@ -312,7 +368,7 @@
                                     {{ $i18n.get('save') }}
                                 </button>
                             </div>
-                        </div>
+                        </div> -->
                         <p
                                 v-if="item.status == 'auto-draft'"
                                 class="help is-danger">
@@ -342,6 +398,7 @@
 
                 </div>
             </div>
+        <div class="footer form-submission-footer" />
         </form>
 
         <b-loading
@@ -369,6 +426,7 @@ export default {
             isMetadataColumnCompressed: false,
             metadatumCollapses: [],
             collapseAll: false,
+            visibility: 'publish',
             form: {
                 collectionId: Number,
                 status: '',
@@ -466,6 +524,9 @@ export default {
                 this.isLoading = false;
             });
         },
+        onDiscart() {
+            this.$router.go(-1);
+        },
         createNewItem() {
             // Puts loading on Draft Item creation
             this.isLoading = true;
@@ -481,7 +542,8 @@ export default {
                 this.initializeMediaFrames();
 
                 // Pre-fill status with publish to incentivate it
-                this.form.status = 'publish';
+                this.visibility = 'publish';
+                this.form.status = 'auto-draft'
                 this.form.document = this.item.document;
                 this.form.document_type = this.item.document_type;
 
@@ -930,5 +992,13 @@ export default {
         }
     }
 
+    .form-submission-footer {
+        padding: 24px $page-side-padding;
+        position: absolute;
+        bottom: 0;
+        z-index: 9999999999;
+        width: 100%;
+    }
+
 
 </style>
diff --git a/src/admin/components/other/file-item.vue b/src/admin/components/other/file-item.vue
index d34dea530..cd89cebcc 100644
--- a/src/admin/components/other/file-item.vue
+++ b/src/admin/components/other/file-item.vue
@@ -3,7 +3,9 @@
         <figure 
                 class="file-item"
                 @click="isPreviewModalActive = true">
-            <figcaption v-if="showName">{{ file.title.rendered }}</figcaption>
+            <figcaption 
+                    :style="{ 'max-width': size != undefined ? size + 'px' : '112px' }"
+                    v-if="showName">{{ file.title.rendered }}</figcaption>
             <div 
                     :class="{ 'rounded': showName }"
                     :style="{ 'width': size != undefined ? size + 'px' : '112px', 'height': size != undefined ? size + 'px' : '112px' }"
diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php
index 7866be485..16f9cfbb6 100644
--- a/src/admin/tainacan-admin-i18n.php
+++ b/src/admin/tainacan-admin-i18n.php
@@ -245,6 +245,12 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'label_total_items'                          => __( 'Total items', 'tainacan' ),
 	'label_see_more'	                         => __( 'See more', 'tainacan' ),
 	'label_until'		                         => __( 'until', 'tainacan' ),
+	'label_visibility'	                         => __( 'Visibility', 'tainacan' ),
+	'label_discart'		                         => __( 'Discart', 'tainacan' ),
+	'label_save_as_draft'		                 => __( 'Save as draft', 'tainacan' ),
+	'label_publish'				                 => __( 'Publish', 'tainacan' ),
+	'label_send_to_trash'		                 => __( 'Send to trash', 'tainacan' ),
+	'label_update'		                 		 => __( 'Update', 'tainacan' ),
 
 	// Instructions. More complex sentences to guide user and placeholders
 	'instruction_delete_selected_collections'    => __( 'Delete selected collections', 'tainacan' ),
@@ -356,6 +362,7 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'info_type_to_add_terms'			         => __( 'Add terms...', 'tainacan' ),
 	'info_type_to_search_metadata'			     => __( 'Search metadata...', 'tainacan' ),
 	'info_type_to_add_metadata'			         => __( 'Add metadata...', 'tainacan' ),
+	'info_visibility_helper'			         => __( 'How the item will be available to visualization.', 'tainacan' ),
 
 	// Tainacan Metadatum Types
 	'tainacan-text'                              => __( 'Text', 'tainacan' ),