diff --git a/ui/src/components/common/CollapsibleTree.vue b/ui/src/components/common/CollapsibleTree.vue index 5a555b564a566f2379058ff7eaef9832f0a4205b..cd6ce1940ce30da6e234d3b8eb088a4d7a1e54b1 100644 --- a/ui/src/components/common/CollapsibleTree.vue +++ b/ui/src/components/common/CollapsibleTree.vue @@ -15,31 +15,42 @@ class="CollapsibleTree-header-infos column" :style="`transform:translate(${level * 50}px);`" > - <FontAwesomeIcon - v-if="option.children && option.children.length !== 0" - :icon="displayChildren ? 'caret-down' : 'caret-right'" - class="clickable mr-3" - tabindex="0" - /> - <b-checkbox - v-if="withRadios" - v-model="innerOptionChecked" - :name="radioName" - @click.native="stopPropagation" - :native-value="option.id" + v-if="withRadios" + v-model="innerOptionChecked" + :name="radioName" + @click.native="stopPropagation" + :native-value="option.id" > {{ option.localName || option.label }} </b-checkbox> <div - v-else - :class="onClickLabelCb ? 'link' : ''" - @click="(event) => onClickLabelCb && onClickLabelCb(event, option.label)" - @keypress.enter="(event) => onClickLabelCb && onClickLabelCb(event, option.label)" - tabindex="0" + v-else + :class="onClickLabelCb ? 'link' : ''" + @click="(event) => onClickLabelCb && onClickLabelCb(event, option.label)" + @keypress.enter="(event) => onClickLabelCb && onClickLabelCb(event, option.label)" + tabindex="0" > - {{ option.localName || option.label }} + <b-tooltip type="is-primary is-light" + :label="$t('dataTypesManagement.tooltip_show_secondary_menu')"> + <b-button + class="is-small" + tabindex="0" + type="is-primary" + outlined + style="margin: 10px;" + > + <b-icon icon="ellipsis-h" ></b-icon> + </b-button> + </b-tooltip> </div> + <FontAwesomeIcon + v-if="option.children && option.children.length !== 0" + :icon="displayChildren ? 'caret-down' : 'caret-right'" + class="clickable mr-3" + tabindex="0" + /> + <p > {{ option.localName || option.label }} </p> <span class="file-name" v-if="refFile"> {{ refFile.name }} </span> diff --git a/ui/src/locales/en.json b/ui/src/locales/en.json index 1b5e45f64aaf34a014e9711defa8b9a455a2805a..68bdd27f37629fff2e3cf706ed715e5a5f58fd0f 100644 --- a/ui/src/locales/en.json +++ b/ui/src/locales/en.json @@ -262,7 +262,8 @@ "title-modal-date": "Choice of date range", "manage-datasets": "Manage datasets", "accepted": "Accepted", - "refuse": "Refuse" + "refuse": "Refuse", + "tooltip_show_secondary_menu": "Open secondary menu" }, "dataTypesRepository": { "card-title-upload-file": "Drop a version on this dataset", diff --git a/ui/src/locales/fr.json b/ui/src/locales/fr.json index be1eca68ad12ecc933e1050cd92635c59181700d..e71b0832f9f6aaa3c04b3910dccd8b3d80766e29 100644 --- a/ui/src/locales/fr.json +++ b/ui/src/locales/fr.json @@ -267,7 +267,8 @@ "title-modal-date": "Choix de l'interval de date", "manage-datasets": "Gérer les jeux de données", "accepted": "Accepté", - "refuse": "Refusé" + "refuse": "Refusé", + "tooltip_show_secondary_menu": "Ouvrir le menu secondaire" }, "dataTypesRepository": { "card-title-upload-file": "Déposer une version pour ce jeux de données", diff --git a/ui/src/main.js b/ui/src/main.js index b91b708ab262e4cdf535be783db8cc6dd7834dee..92bbdb417106e7a45e2f4be31eb85124311685cf 100644 --- a/ui/src/main.js +++ b/ui/src/main.js @@ -59,6 +59,7 @@ import { faUserPlus, faVial, faWrench, + faEllipsisH, } from "@fortawesome/free-solid-svg-icons"; import { faCalendar as farCalendar, @@ -137,7 +138,8 @@ library.add( faTimesCircle, faEdit, faInfo, - faQuestion + faQuestion, + faEllipsisH ); Vue.component("vue-fontawesome", FontAwesomeIcon); diff --git a/ui/src/views/datatype/DataTypesManagementView.vue b/ui/src/views/datatype/DataTypesManagementView.vue index 2efe3d88b3d14ca12d174084e69f35a07663ecba..61a254720e563d6190c792be75ca95f7f7005cbd 100644 --- a/ui/src/views/datatype/DataTypesManagementView.vue +++ b/ui/src/views/datatype/DataTypesManagementView.vue @@ -39,6 +39,7 @@ synthesis: synthesis[data.id], synthesisMinMax: synthesisMinMax[data.id], withSynthesis: true, + withTooltip: true, }" :level="0" :on-click-label-cb="(event, label) => openDataTypeCb(event, label)"