From ae91e8bf1ececad45eb4fb6bb3949e444cde5121 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Thu, 3 Feb 2022 20:17:08 +0100
Subject: [PATCH] click toc add item to history #810

---
 assets/css/app.scss                    |  6 +++---
 src/components/Content/HistoryItem.vue |  4 +++-
 src/components/Content/TocItem.vue     | 21 ++++++++++++++++++++-
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index baff501..f7de811 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -28,8 +28,8 @@ that is currently Firefox-only */
 
 body{
   color: #1a1a1a;
-  background-image: url('/static/img/grille-ligne-de-base.png');
-  background-repeat: repeat;
+  // background-image: url('/static/img/grille-ligne-de-base.png');
+  // background-repeat: repeat;
 }
 
 #root{
@@ -446,7 +446,7 @@ section[role="main-content"]{
       padding-right: 0;
       >.wrapper{
         padding-right: $pagenum_w*2;
-        outline: orange solid thin;
+        // outline: orange solid thin;
       }
       div#text{
         // .infinite-loading-container{
diff --git a/src/components/Content/HistoryItem.vue b/src/components/Content/HistoryItem.vue
index 7a34714..936d1df 100644
--- a/src/components/Content/HistoryItem.vue
+++ b/src/components/Content/HistoryItem.vue
@@ -17,7 +17,9 @@
       />
     </h2>
     <!-- <p v-if="preview" class="preview" v-html="preview" /> -->
-    <aside>
+    <aside
+      v-if="item.pages"
+    >
       <span>{{ item.pages.prefix }} {{ item.pages.range }}</span> | <span>{{ item.size.quantity }} {{ item.size.unit }}</span>
     </aside>
   </article>
diff --git a/src/components/Content/TocItem.vue b/src/components/Content/TocItem.vue
index 44b3be7..929d261 100644
--- a/src/components/Content/TocItem.vue
+++ b/src/components/Content/TocItem.vue
@@ -42,6 +42,8 @@
 
 import TocItem from './TocItem'
 
+import { mapState, mapActions } from 'vuex'
+
 export default {
   name: 'TocItem',
   components: {
@@ -57,6 +59,12 @@ export default {
     isOpened: false
   }),
   computed: {
+    ...mapState({
+      editionsbyuuid: state => state.Corpus.editionsbyuuid
+    }),
+    editionTitle () {
+      return this.editionsbyuuid[this.editionid].title
+    },
     children () {
       // check if children exists and if it is an array
       // this shoudn't be necessary
@@ -110,8 +118,19 @@ export default {
     }
   },
   methods: {
+    ...mapActions({
+      addHistoryItem: 'History/addItem'
+    }),
     onclick (e) {
-      // console.log('clicked on toc text', this.editionid, e)
+      console.log('clicked on toc text', this.item, e)
+      this.addHistoryItem({
+        id: this.editionid,
+        textid: this.item.uuid,
+        title: this.item.title,
+        editionTitle: this.editionTitle
+        // pages: this.item.pages,
+        // size: this.item.size
+      })
       this.$emit('onClickTocItem', e.target.getAttribute('uuid'))
     },
     onClickTocItem (uuid) {