bachir/gdp_vuewp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

index items infos displayed #798

Browse Source
This commit is contained in:
bachir
2020-07-30 11:09:07 +02:00
parent c202beb419
commit 2b246ae2e5
6 changed files with 140 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.scss
+58 -14
View File
@@ -270,7 +270,26 @@ section[role="main-content"]{
.index-item{ .index-item{
header{ header{
h1{ 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{ .occurences{
@@ -278,15 +297,16 @@ section[role="main-content"]{
>li{ >li{
padding:0 0 2em 0; padding:0 0 2em 0;
h3{ h3{
@include title1black; @include title2black;
padding:0 0 1em 0; padding:0 0 0.5em 0;
color: $bleuroi;
} }
>ul{ >ul{
>li{ >li{
padding:0 0 1em 0; padding:0 0 0.5em 0;
section{ section{
h4{ h4{
@include title2black; @include title3black;
display: inline-block; display: inline-block;
} }
span.open-close{ 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{ #edition{
@@ -539,9 +585,7 @@ section[role="main-content"]{
} }
} }
.toc-title{ .toc-title{
color: $gris; @include title4black;
font-weight: 400;
margin:0;
&.active, &.active,
&:hover{ &:hover{
color:$grisfonce; color:$grisfonce;
@@ -551,12 +595,12 @@ section[role="main-content"]{
color:$grisfonce; color:$grisfonce;
} }
} }
h2.toc-title{font-size: 0.882em;} // h2.toc-title{font-size: 0.882em;}
h3.toc-title{font-size: 0.882em;} // h3.toc-title{font-size: 0.882em;}
h4.toc-title{font-size: 0.882em;} // h4.toc-title{font-size: 0.882em;}
h5.toc-title{font-size: 0.882em;} // h5.toc-title{font-size: 0.882em;}
h6.toc-title{font-size: 0.882em;} // h6.toc-title{font-size: 0.882em;}
span.toc-title{font-size: 0.882em;} // span.toc-title{font-size: 0.882em;}
} }
} }
assets/css/base/_fonts.scss
+8
View File
@@ -59,6 +59,14 @@ footer[role="tools"] .row>nav{
margin:0; margin:0;
} }
@mixin title4black {
@include fontserif;
font-size: 0.882em;;
color: $gris;
font-weight: 400;
margin:0;
}
// TEI // TEI
@mixin teititlefrontblue { @mixin teititlefrontblue {
src/components/Content/IndexItemOcurrences.vue
+2 -3
View File
@@ -11,9 +11,8 @@
:uuid="ed.item" :uuid="ed.item"
@click.prevent="onclick" @click.prevent="onclick"
@keyup.enter="onclick" @keyup.enter="onclick"
> v-html="ed.biblio"
{{ ed.item }} />
</a>
</h3> </h3>
<ul> <ul>
<li <li
src/pages/Locorum.vue
+18 -3
View File
@@ -6,9 +6,24 @@
<template v-if="content" v-slot:header> <template v-if="content" v-slot:header>
<h1 v-html="content.title" /> <h1 v-html="content.title" />
<p> <p>{{ content.country }}</p>
{{ content.type }} <p>{{ content.ville }}</p>
</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> </template>
<!-- default slot --> <!-- default slot -->
src/pages/Nominum.vue
+28 -4
View File
@@ -10,16 +10,40 @@
{{ content.birthDate }}, {{ content.birthPlace }}<br> {{ content.birthDate }}, {{ content.birthPlace }}<br>
{{ content.deathDate }}, {{ content.deathPlace }} {{ content.deathDate }}, {{ content.deathPlace }}
</p> </p>
<!-- <ul v-if="content.attestedForms.lenght" class="attestedForms"> <p v-if="content.occupation">{{ content.occupation }}</p>
<li v-for="(item, index) in content.attestedForms" :key="index">
</li> <section class="notes">
</ul> --> <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> </template>
<!-- default slot --> <!-- default slot -->
<IndexItemOcurrences v-if="content" :content="content" /> <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> </MainContentLayout>
</template> </template>
src/pages/Operum.vue
+26
View File
@@ -6,6 +6,32 @@
<template v-if="content" v-slot:header> <template v-if="content" v-slot:header>
<h1 v-html="content.title" /> <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> </template>
<!-- default slot --> <!-- default slot -->