Add icons for accuracy/relevancy.
authorAlexandre Segura <mex.zktk@gmail.com>
Wed, 22 Feb 2017 18:29:43 +0100
changeset 348 ba69fa43cbba
parent 347 796545cbe7b7
child 349 6425443f0b12
Add icons for accuracy/relevancy.
src_js/iconolab-bundle/src/components/tagform/TagListItem.vue
--- a/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue	Wed Feb 22 16:46:53 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue	Wed Feb 22 18:29:43 2017 +0100
@@ -5,9 +5,11 @@
             <div class="tag-item-buttons">
                 <div class="tag-item-btn tag-item-accuracy" v-bind:data-value="accuracy">
                     <button class="btn btn-default" v-bind:title="accuracyTitle">{{ accuracy || '?' }}</button>
+                    <i v-if="index === 0" class="fa fa-exclamation-triangle text-muted" aria-hidden="true" title="Fiabilité"></i>
                 </div>
                 <div class="tag-item-btn tag-item-relevancy" v-bind:data-value="relevancy">
                     <button class="btn btn-default" v-bind:title="relevancyTitle">{{ relevancy || '?' }}</button>
+                    <i v-if="index === 0" class="fa fa-crosshairs text-muted" aria-hidden="true" title="Pertinence"></i>
                 </div>
                 <div v-show="!readonly" class="tag-item-btn tag-item-delete">
                     <button class="btn btn-default" @click="remove"><i class="fa fa-times" aria-hidden="true"></i></button>
@@ -135,6 +137,7 @@
 
 .tag-item-btn {
     float: left;
+    position: relative;
 }
 
 .tag-item-btn button {
@@ -142,6 +145,14 @@
     background-color: transparent;
 }
 
+.tag-item-accuracy .fa,
+.tag-item-relevancy .fa {
+    position: absolute;
+    left: 50%;
+    top: -50%;
+    transform: translate(-50%, -50%);
+}
+
 .tag-item-btn[data-value="1"] {
     background-color: #fc5f62;
 }