|
@@ -15,9 +15,27 @@
|
|
|
<b-form-group
|
|
|
v-if="currentMode !== 'tree-map'"
|
|
|
:label="$t('options.filters.title')"
|
|
|
- label-for="tags-select"
|
|
|
>
|
|
|
- <multiple-tags-select id="tags-select" v-model="selectedTags" :options="tags" />
|
|
|
+ <b-form-group
|
|
|
+ :label="$t('options.filters.choices.tags')"
|
|
|
+ label-for="tags-select"
|
|
|
+ >
|
|
|
+ <multiple-tags-select
|
|
|
+ id="tags-select" :button-text="$t('options.filters.choices.tags')"
|
|
|
+ v-model="selectedTags" :options="tags"
|
|
|
+ />
|
|
|
+ </b-form-group>
|
|
|
+
|
|
|
+ <b-form-group
|
|
|
+ :label="$t('options.filters.choices.strangeness')"
|
|
|
+ label-for="strangeness-input"
|
|
|
+ >
|
|
|
+ <b-form-input
|
|
|
+ id="strangeness-input"
|
|
|
+ type="range" min="0" max="5"
|
|
|
+ v-model="strangeness"
|
|
|
+ />
|
|
|
+ </b-form-group>
|
|
|
</b-form-group>
|
|
|
|
|
|
<b-form-group
|
|
@@ -56,6 +74,7 @@ export default {
|
|
|
],
|
|
|
currentMode: this.mode,
|
|
|
selectedTags: [],
|
|
|
+ strangeness: 0,
|
|
|
search: ''
|
|
|
}
|
|
|
},
|
|
@@ -69,4 +88,7 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+::v-deep fieldset > div {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
</style>
|