From 8f5f89e610d0e1667efb6fc9bd938f4336da28b6 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Tue, 7 Jul 2020 15:33:43 +0200
Subject: [PATCH] created index nominum occurences display and links

---
 assets/css/app.scss         | 29 +++++++++++++++++++++++
 assets/css/base/_fonts.scss |  8 +++++++
 src/pages/Nominum.vue       | 46 ++++++++++++++++++++++++++++++++++---
 3 files changed, 80 insertions(+), 3 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 3fe1aff..b3e9f31 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -219,6 +219,33 @@ section[role="main-content"]{
   .index{
   }
 
+  #nominum{
+    header{
+      h1{
+        @include title2black;
+      }
+    }
+    .occurences{
+      >ul{
+        >li{
+          padding:0 0 1em 0;
+          h3{
+            @include title2black;
+            padding:0 0 0.3em 0;
+          }
+          >ul{
+            >li{
+              padding:0 0 0.3em 0;
+              h4{
+                @include title3black;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
   #edition{
     header{
       h1{
@@ -314,6 +341,8 @@ section[role="main-content"]{
       }
     }
   }
+
+
 }
 footer[role="tools"]{
   $list-item-h: 5.3em;
diff --git a/assets/css/base/_fonts.scss b/assets/css/base/_fonts.scss
index 2fe586e..13c0ed6 100644
--- a/assets/css/base/_fonts.scss
+++ b/assets/css/base/_fonts.scss
@@ -43,3 +43,11 @@ footer[role="tools"] .row>nav{
   font-weight: 400;
   margin:0;
 }
+
+@mixin title3black {
+  @include fontserif;
+  font-size: 1em;
+  color: $grisfonce;
+  font-weight: 400;
+  margin:0;
+}
diff --git a/src/pages/Nominum.vue b/src/pages/Nominum.vue
index cfa0641..76b05de 100644
--- a/src/pages/Nominum.vue
+++ b/src/pages/Nominum.vue
@@ -19,13 +19,32 @@
           v-for="ed in content.occurences"
           :key="ed.item"
         >
-          <h3>{{ ed.item }}</h3>
-          <ul>
+          <h3>
+            <a
+              :href="'/edition/'+ed.item"
+              :uuid="ed.item"
+              @click.prevent="onclick"
+              @keyup.enter="onclick"
+            >
+              {{ ed.item }}
+            </a>
+          </h3>
+          <ul >
             <li
               v-for="oc in ed.occurences"
               :key="oc.uuid"
             >
-              <h4>{{ oc.title }}</h4>
+              <h4>
+                <a
+                  :href="'/edition/'+ed.item+'/'+oc.uuid"
+                  :uuid="oc.uuid"
+                  :eduuid="ed.item"
+                  @click.prevent="onclick"
+                  @keyup.enter="onclick"
+                >
+                  {{ oc.title }}
+                </a>
+              </h4>
             </li>
           </ul>
         </li>
@@ -62,6 +81,27 @@ export default {
         console.warn('Issue with nominum', error)
         Promise.reject(error)
       })
+  },
+  methods: {
+    onclick (e) {
+      console.log('clicked on nominum text occurence', e)
+      if (e.target.getAttribute('eduuid')) {
+        this.$router.push({
+          name: `editiontext`,
+          params: {
+            id: e.target.getAttribute('eduuid'),
+            textid: e.target.getAttribute('uuid')
+          }
+        })
+      } else {
+        this.$router.push({
+          name: `edition`,
+          params: {
+            id: e.target.getAttribute('uuid')
+          }
+        })
+      }
+    }
   }
 }
 </script>