index items infos displayed #798

assets/css/app.scss

@@ -270,7 +270,26 @@ section[role="main-content"]{
   .index-item{
     header{
       h1{
-        @include title2black;
+        @include title1black;
+        margin:0 0 0.3em;
+      }
+      p{
+        margin: 0 0 0.5em 0;
+      }
+      h3{
+        @include title2black
+        margin:0;
+      }
+      .authors{
+        a{
+          @include title2black;
+          color: $bleuroi;
+        }
+        margin:0 0 0.3em;
+      }
+      .mdi{
+        color: $bleuroilight;
+        font-size: 0.7em;
       }
     }
     .occurences{
@@ -278,15 +297,16 @@ section[role="main-content"]{
         >li{
           padding:0 0 2em 0;
           h3{
-            @include title1black;
-            padding:0 0 1em 0;
+            @include title2black;
+            padding:0 0 0.5em 0;
+            color: $bleuroi;
           }
           >ul{
             >li{
-              padding:0 0 1em 0;
+              padding:0 0 0.5em 0;
               section{
                 h4{
-                  @include title2black;
+                  @include title3black;
                   display: inline-block;
                 }
                 span.open-close{
@@ -339,6 +359,32 @@ section[role="main-content"]{
         }
       }
     }
+    nav{
+      h3{
+        @include title2black;
+        margin:0 0 0.5em;
+      }
+      h4{
+        @include title3black;
+        margin:0 0 0.5em;
+        color: $bleuroi;
+      }
+      .attested-forms{
+        ul{
+          >li{
+            margin: 0 0 1em 0;
+            li{
+              margin: 0 0 0.5em 0;
+            }
+          }
+        }
+        a{
+          @include title4black;
+          color: $grisfonce;
+          font-weight: 400;
+        }
+      }
+    }
   }
 
   #edition{
@@ -539,9 +585,7 @@ section[role="main-content"]{
             }
           }
           .toc-title{
-            color: $gris;
-            font-weight: 400;
-            margin:0;
+            @include title4black;
             &.active,
             &:hover{
               color:$grisfonce;
@@ -551,12 +595,12 @@ section[role="main-content"]{
               color:$grisfonce;
             }
           }
-          h2.toc-title{font-size: 0.882em;}
-          h3.toc-title{font-size: 0.882em;}
-          h4.toc-title{font-size: 0.882em;}
-          h5.toc-title{font-size: 0.882em;}
-          h6.toc-title{font-size: 0.882em;}
-          span.toc-title{font-size: 0.882em;}
+          // h2.toc-title{font-size: 0.882em;}
+          // h3.toc-title{font-size: 0.882em;}
+          // h4.toc-title{font-size: 0.882em;}
+          // h5.toc-title{font-size: 0.882em;}
+          // h6.toc-title{font-size: 0.882em;}
+          // span.toc-title{font-size: 0.882em;}
         }
       }
 

assets/css/base/_fonts.scss

@@ -59,6 +59,14 @@ footer[role="tools"] .row>nav{
   margin:0;
 }
 
+@mixin title4black {
+  @include fontserif;
+  font-size: 0.882em;;
+  color: $gris;
+  font-weight: 400;
+  margin:0;
+}
+
 // TEI
 
 @mixin teititlefrontblue {

src/components/Content/IndexItemOcurrences.vue

@@ -11,9 +11,8 @@
             :uuid="ed.item"
             @click.prevent="onclick"
             @keyup.enter="onclick"
-          >
-            {{ ed.item }}
-          </a>
+            v-html="ed.biblio"
+          />
         </h3>
         <ul>
           <li

src/pages/Locorum.vue

@@ -6,9 +6,24 @@
 
     <template v-if="content" v-slot:header>
       <h1 v-html="content.title" />
-      <p>
-        {{ content.type }}
-      </p>
+      <p>{{ content.country }}</p>
+      <p>{{ content.ville }}</p>
+      <p>{{ content.type }}</p>
+
+      <section class="notes">
+        <div v-for="(note, i) in content.note" :key="i" class="note" v-html="note" />
+      </section>
+      <section v-if="content.autorities.length" class="autorities">
+        <h3>Autorities</h3>
+        <ul>
+          <li v-for="(aut, i) in content.autorities" :key="i">
+            <a :href="aut.identifier" target="_blanck">
+              {{ aut.autority }}
+              <span class="mdi mdi-open-in-new" />
+            </a>
+          </li>
+        </ul>
+      </section>
     </template>
 
     <!-- default slot -->

src/pages/Nominum.vue

@@ -10,16 +10,40 @@
         {{ content.birthDate }}, {{ content.birthPlace }}<br>
         {{ content.deathDate }}, {{ content.deathPlace }}
       </p>
-      <!-- <ul v-if="content.attestedForms.lenght" class="attestedForms">
-        <li v-for="(item, index) in content.attestedForms" :key="index">
+      <p v-if="content.occupation">{{ content.occupation }}</p>
 
-        </li>
-      </ul> -->
+      <section class="notes">
+        <div v-for="(note, i) in content.note" :key="i" class="note" v-html="note" />
+      </section>
+
+      <section v-if="content.autorities.length" class="autorities">
+        <h3>Autorities</h3>
+        <ul>
+          <li v-for="(aut, i) in content.autorities" :key="i">
+            <a :href="aut.identifier" target="_blanck">{{ aut.autority }}</a>
+          </li>
+        </ul>
+      </section>
     </template>
 
     <!-- default slot -->
     <IndexItemOcurrences v-if="content" :content="content" />
 
+    <template v-slot:nav>
+      <section v-if="content.attestedForms" class="attested-forms">
+        <h3>Attested forms</h3>
+        <ul>
+          <li v-for="(af, i) in content.attestedForms" :key="i">
+            <h4>{{ af.title }}</h4>
+            <ul>
+              <li v-for="(uuid, j) in af.uuid" :key="j">
+                <a href="#">{{ uuid }}</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </section>
+    </template>
   </MainContentLayout>
 </template>
 

src/pages/Operum.vue

@@ -6,6 +6,32 @@
 
     <template v-if="content" v-slot:header>
       <h1 v-html="content.title" />
+      <section v-if="content.author.length" class="authors">
+        <ul>
+          <li v-for="author in content.author" :key="author.uuid">
+            <router-link
+              :to="{ name:'nominum', params: { id: author.uuid }}"
+            >
+              {{ author.name }}
+            </router-link>
+
+          </li>
+        </ul>
+      </section>
+      <section class="notes">
+        <div v-for="(note, i) in content.note" :key="i" class="note" v-html="note" />
+      </section>
+      <section v-if="content.autorities.length" class="autorities">
+        <h3>Autorities</h3>
+        <ul>
+          <li v-for="(aut, i) in content.autorities" :key="i">
+            <a :href="aut.identifier" target="_blanck">
+              {{ aut.autority }}
+              <span class="mdi mdi-open-in-new" />
+            </a>
+          </li>
+        </ul>
+      </section>
     </template>
 
     <!-- default slot -->