Commit c73e3801 authored by Jerome Chauveau's avatar Jerome Chauveau
Browse files

affichage résultats : titre, clé, type ouvrage

parent 1865d5a9
<template> <template>
<div class="zotero-query-component"> <div class="zotero-query-component">
<h2>Zotero Client <a role="button" @click="isConfigVisible=!isConfigVisible"></a></h2> <h2>Zotero Client <a role="button" @click="isConfigVisible=!isConfigVisible" title="Afficher/masquer la configuration"></a></h2>
<div class="zotero-config-pane" v-if="isConfigVisible"> <div class="zotero-config-pane" v-if="isConfigVisible">
<div> <div>
<label>Type de collection</label> <label>Type de collection</label>
...@@ -31,15 +31,19 @@ ...@@ -31,15 +31,19 @@
<template v-if="entries"> <template v-if="entries">
<h3>Résultats <span class="results-count">{{nbResults}}</span></h3> <h3>Résultats <span class="results-count">{{nbResults}}</span></h3>
<div class="zotero-pager"> <div class="zotero-pager">Page
<a role="button" class="next-prev-btn" @click="previousPage()">&#5176;</a> <a role="button" class="next-prev-btn" :class="{'active': currentPage !== 1}" @click="previousPage()">&#5176;</a>
<span>{{currentPage}}/{{getTotalPages}}</span> <span>{{currentPage}}/{{getTotalPages}}</span>
<a role="button" class="next-prev-btn" @click="nextPage()">&#5171;</a> <a role="button" class="next-prev-btn" :class="{'active': currentPage !== getTotalPages}" @click="nextPage()">&#5171;</a>
</div> </div>
<div class="zotero-entries"> <div class="zotero-entries">
<ul> <ul>
<li v-for="entry in entries" :key="'entry-' + entry.key"> <li class="zotero-entry" v-for="entry in entries" :key="'entry-' + entry.key">
{{entry.key}} <ul>
<li class="zotero-title">{{entry.data.title}}</li>
<li class="zotero-type">{{entry.data.itemType}}</li>
<li class="zotero-item-key">{{entry.key}}</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -60,7 +64,7 @@ ...@@ -60,7 +64,7 @@
groupOrUserID: '427575', groupOrUserID: '427575',
entries: null, entries: null,
isFetching: false, isFetching: false,
isConfigVisible: true, isConfigVisible: false,
start:0, start:0,
currentPage:1, currentPage:1,
pageLength: 10, pageLength: 10,
...@@ -117,7 +121,10 @@ ...@@ -117,7 +121,10 @@
height: var(--input-height); height: var(--input-height);
} }
h1 {} h2 a:hover {
color : darkgray;
}
a[role=button], button{ a[role=button], button{
cursor: pointer; cursor: pointer;
} }
...@@ -135,6 +142,8 @@ ...@@ -135,6 +142,8 @@
.zotero-entries ul{ .zotero-entries ul{
list-style-type: square; list-style-type: square;
margin-bottom : 15px;
padding-left: 15px;
} }
.results-count{ .results-count{
...@@ -151,11 +160,34 @@ ...@@ -151,11 +160,34 @@
background-color: gainsboro; background-color: gainsboro;
padding:15px; padding:15px;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 0.8em;
} }
.zotero-query-btn{ .zotero-query-btn{
margin-left: 15px; margin-left: 15px;
} }
.next-prev-btn {
visibility: hidden;
}
.next-prev-btn.active{
visibility: visible;
}
.zotero-entry ul{
list-style-type: none;
}
.zotero-type{
color: #888;
}
.zotero-title{
font-style: italic;
}
.zotero-item-key{
font-size: 0.7em;
}
</style> </style>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment