From fe4753a265d9190bbf7f8b71f109e4fd5b3bb774 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Mon, 20 Aug 2018 16:36:03 -0300
Subject: [PATCH] Fixes wrong link to item on Records View Mode.

---
 src/admin/scss/_modals.scss            | 12 ++++++------
 src/theme-helper/view-mode-records.vue | 11 +++--------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/admin/scss/_modals.scss b/src/admin/scss/_modals.scss
index 327d83c73..7cf486827 100644
--- a/src/admin/scss/_modals.scss
+++ b/src/admin/scss/_modals.scss
@@ -44,13 +44,13 @@
         padding: 40px 0em 0.4em 0em !important;
     }
 }
-// Bulma modals customized for Tainacan
+// Bulma modals customized for Tainacan (custom-dialog.vue)
 .dialog {
     .modal-background {
         background-color: rgba(0, 0, 0, 0.70);
     }
     .modal-card {
-        background-color: $turquoise2;
+        background-color: white;
         color: $secondary;
         border-radius: 10px;
         flex-wrap: wrap;
@@ -59,13 +59,13 @@
         margin: 0 auto !important;
 
         .modal-card-head, .modal-card-body, .modal-card-foot {
-            background-color: $turquoise2;
-            color: $secondary;
+            background-color: white;
+            color: $gray5;
             border: none;
             padding-bottom: 12px;
         } 
         .modal-custom-icon {
-            background-color: white;
+            background-color: $gray1;
             border-radius: 50px;
             height: 80px;
             width: 80px;
@@ -75,7 +75,7 @@
         }
         .modal-card-head {
             h1 { 
-                color: $secondary; 
+                color: $gray5; 
             }
             font-weight: normal;
             padding: 0;
diff --git a/src/theme-helper/view-mode-records.vue b/src/theme-helper/view-mode-records.vue
index d5be5177e..4643474f4 100644
--- a/src/theme-helper/view-mode-records.vue
+++ b/src/theme-helper/view-mode-records.vue
@@ -20,7 +20,7 @@
                     :gutter="42"
                     class="tainacan-records-container">
                 <a 
-                        href="www.google.com"
+                        :href="item.url"
                         :key="index"
                         v-for="(item, index) of items"
                         class="tainacan-record">
@@ -37,7 +37,6 @@
                                 :key="index"
                                 class="metadata-title"
                                 v-if="collectionId != undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
-                                @click="goToItemPage(item)"
                                 v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />                             
                         <p 
                                 v-tooltip="{
@@ -49,19 +48,15 @@
                                 v-for="(column, index) in tableMetadata"
                                 :key="index"
                                 v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
-                                @click="goToItemPage(item)"
                                 v-html="item.title != undefined ? item.title : ''" />                             
 
                         <!-- Remaining metadata -->  
-                        <div    
-                                class="media"
-                                @click="goToItemPage(item)">
+                        <div class="media">
 
                             <div class="list-metadata media-body">
                                 <div 
                                         class="thumbnail"
-                                        v-if="item.thumbnail != undefined"
-                                        @click="goToItemPage(item)">
+                                        v-if="item.thumbnail != undefined">
                                     <img :src="item['thumbnail'].medium_large ? item['thumbnail'].medium_large : thumbPlaceholderPath">  
                                 </div>
                                 <span