From ac4316edf723ec801109c618b47139b7bd77022d Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Wed, 2 May 2018 14:52:45 -0300
Subject: [PATCH] Receives document_as_html from item api.

---
 src/admin/admin.vue                                 |  2 +-
 src/admin/components/edition/item-edition-form.vue  | 12 ++++++++----
 src/admin/components/navigation/tainacan-header.vue |  4 ++--
 src/admin/pages/lists/items-page.vue                |  1 +
 src/admin/scss/_variables.scss                      |  4 ++--
 5 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/admin/admin.vue b/src/admin/admin.vue
index 7e297de44..4ef6e948e 100644
--- a/src/admin/admin.vue
+++ b/src/admin/admin.vue
@@ -80,7 +80,7 @@
         margin: $header-height auto 0 auto;
         position: relative;
         overflow-y: auto;
-        height: calc(100% - 52px);
+        height: calc(100% - 53px);
 
         @media screen and (max-width: 769px) {
             & {
diff --git a/src/admin/components/edition/item-edition-form.vue b/src/admin/components/edition/item-edition-form.vue
index d7a7c4b22..aa1eb4f02 100644
--- a/src/admin/components/edition/item-edition-form.vue
+++ b/src/admin/components/edition/item-edition-form.vue
@@ -65,7 +65,7 @@
                                         form.document_type != undefined && form.document_type != null &&
                                         form.document != '' && form.document_type != 'empty'">
                             <div v-if="form.document_type == 'attachment'">
-                                File ID: {{ form.document }}
+                                <div v-html="item.document_as_html" />
                                 <button                                            
                                         class="button is-primary" 
                                         size="is-small"
@@ -80,7 +80,7 @@
                                 </button>
                             </div>
                             <div v-if="form.document_type == 'text'">
-                                <p>{{ form.document }}</p>
+                                <div v-html="item.document_as_html" />
                                 <button                                            
                                         class="button is-primary" 
                                         size="is-small"
@@ -95,7 +95,7 @@
                                 </button>
                             </div>
                             <div v-if="form.document_type == 'url'">
-                                <p>{{ form.document }}</p>
+                                <div v-html="item.document_as_html" />
                                 <button     
                                         class="button is-primary" 
                                         size="is-small"
@@ -469,7 +469,11 @@ export default {
                     onSave: (file) => {
                         this.form.document_type = 'attachment';
                         this.form.document = file.id + '';
-                        this.updateItemDocument({ item_id: this.itemId, document: this.form.document, document_type: this.form.document_type });
+                        this.updateItemDocument({ item_id: this.itemId, document: this.form.document, document_type: this.form.document_type })
+                        .then((item) => {
+                            this.item.document_as_html = item.document_as_html;
+                        })
+                        .catch(error => this.$console.error(error));
                     }
                 }
             );
diff --git a/src/admin/components/navigation/tainacan-header.vue b/src/admin/components/navigation/tainacan-header.vue
index 51d2676b4..727dfadab 100644
--- a/src/admin/components/navigation/tainacan-header.vue
+++ b/src/admin/components/navigation/tainacan-header.vue
@@ -83,7 +83,7 @@ export default {
             margin-left: -12px; 
 
             .level-item{
-                height: 52px;
+                height: $header-height;
                 width: 180px;
                 transition: margin 0.15s linear;
                 -webkit-transition: margin 0.15s linear;
@@ -91,7 +91,7 @@ export default {
                 cursor: pointer;
 
                 &:hover{
-                    background-color: #257887;
+                    background-color: #257787;
                 }
                 &:focus {
                     box-shadow: none;
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index bf6f1498e..cdeaceef9 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -14,6 +14,7 @@
                     :is-full-page="false"
                     :active.sync="isLoadingFilters"/>
             <h3>{{ $i18n.get('filters') }}</h3>
+            
             <filters-items-list
                     v-if="!isLoadingFilters && filters.length > 0"
                     :filters="filters"/>
diff --git a/src/admin/scss/_variables.scss b/src/admin/scss/_variables.scss
index 33d069d5f..1f18c64cd 100644
--- a/src/admin/scss/_variables.scss
+++ b/src/admin/scss/_variables.scss
@@ -53,11 +53,11 @@ $colors: map-merge($colors, $addColors);
 $size-small: 0.85em; // 0.75em on Bulma.
 
 // Tainacan Header and side menus
-$header-height: 52px;
+$header-height: 53px;
 $subheader-height: 82px;
 $side-menu-width: 180px;
 $filter-menu-width: 200px;
-$page-height: calc(100% - 52px);
+$page-height: calc(100% - 53px);
 
 // Overall Pages padding:
 $page-side-padding: 82px;