From e606751ffeb4557cf69f7e24322d3dcc7336fc06 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:54:56 +0100
Subject: viewer: ldproposition: fix keyboard navigation
By using proper semantics, using 'a' instead of 'div' to allow keyboard selection.
---
viewer/src/components/LdProposition.vue | 13 +++++++------
1 file changed, 7 insertions(+), 6 deletions(-)
(limited to 'viewer/src/components')
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 0a293a9..0da24ad 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -2,6 +2,7 @@
-- pictures into a searchable web gallery.
--
-- Copyright (C) 2019-2020 Guillaume FOUET
+-- 2020 Pacien TRAN-GIRARD
--
-- This program is free software: you can redistribute it and/or modify
-- it under the terms of the GNU Affero General Public License as
@@ -20,16 +21,16 @@
<template>
<div>
<div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition">
- <div class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)">
+ <a class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)">
<fa-icon icon="minus" />
- </div>
- <div class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)">
+ </a>
+ <a class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)">
<fa-icon icon="plus" />
- </div>
- <div
+ </a>
+ <a
class="operation-tag link"
@click="add(Operation.INTERSECTION, proposed.rawTag)"
- >{{proposed.rawTag}}</div>
+ >{{proposed.rawTag}}</a>
<div class="disabled">x{{proposed.count}}</div>
</div>
</div>
--
cgit v1.2.3
From 6d2cc07e543ae86facc4194108038a3310bc1e7a Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 19:04:34 +0100
Subject: viewer: ldproposition: add tooltips for actions on suggestions
GitHub: closes #23
---
viewer/src/components/LdProposition.vue | 25 ++++++++++++++++++-------
1 file changed, 18 insertions(+), 7 deletions(-)
(limited to 'viewer/src/components')
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 0da24ad..395611f 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -21,17 +21,28 @@
<template>
<div>
<div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition">
- <a class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)">
- <fa-icon icon="minus" />
- </a>
- <a class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)">
- <fa-icon icon="plus" />
- </a>
+ <a
+ class="operation-btns link"
+ :title="$t('tag-propositions.substraction')"
+ @click="add(Operation.SUBSTRACTION, proposed.rawTag)"
+ ><fa-icon icon="minus" alt="[-]" /></a>
+
+ <a
+ class="operation-btns link"
+ :title="$t('tag-propositions.addition')"
+ @click="add(Operation.ADDITION, proposed.rawTag)"
+ ><fa-icon icon="plus" alt="[+]" /></a>
+
<a
class="operation-tag link"
+ :title="$t('tag-propositions.intersection')"
@click="add(Operation.INTERSECTION, proposed.rawTag)"
>{{proposed.rawTag}}</a>
- <div class="disabled">x{{proposed.count}}</div>
+
+ <div
+ class="disabled"
+ :title="$t('tag-propositions.item-count')"
+ >{{proposed.count}}</div>
</div>
</div>
</template>
--
cgit v1.2.3