jprdonnelly/fonts
1
0
Fork 0
mirror of synced 2025-12-19 17:48:10 -05:00
Code Issues Projects Releases Wiki Activity

tags.html: improve ui for tag menu

Browse Source
This commit is contained in:
Marc Foley
2025-06-09 15:00:10 +01:00
parent 8a386ab2cd
commit ae280589f4
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
.ci/tags.html
View File

@@ -106,6 +106,10 @@
<div class="label lavel-xs">
<span class="label-text label-xs">Add Family</span>
</div>
<label class="label">
Variable Tag
<input type="checkbox" checked="checked" class="toggle" v-model="variableTag"/>
</label>
<select v-model="currentCategory" class="select select-xs select-bordered w-full max-w-xs">
<option v-for="category in currentCategories">{{ category }}</option>
</select>
@@ -113,14 +117,12 @@
<datalist id="items">
<option v-for="family in uniqueFamilies" :value="family.name">
</datalist>
<div class="join">
<input type="number" max="100" min="0" class="join-item input input-xs w-full input-bordered" v-model="newWeight" required placeholder="Score">
<input type="number" min="2" default="2" max="100" class="join-item input input-xs input-bordered btn-square" v-model="axisPositionCount" required placeholder="Axis Position Count">
<button @click="addAxis" class="join-item btn btn-xs">Add Axis</button>
<input v-if="variableTag === false" type="number" max="100" min="0" class="join-item input input-xs w-full input-bordered" v-model="newWeight" required placeholder="Score">
<input v-if="variableTag === true" type="number" min="2" max="100" class="join-item input input-xs w-full input-bordered" v-model="axisPositionCount" required placeholder="Axis Position Count">
<button v-if="variableTag === true" @click="addAxis" class="join-item btn btn-xs">Add Axis</button>
<button @click="AddFamily" class="join-item btn btn-xs">Add</button>
</div>
<div style="max-height: 200px; overflow: scroll">
<div style="margin-bottom: 12pt;" v-for="(axisSet, idx) in newAxes">
<div v-if="variableTag === true" style="margin-bottom: 12pt;" v-for="(axisSet, idx) in newAxes">
Axis: {{ axisSet.tag }}
<label class="input input-bordered input-xs flex items-center gap-2">
Tag
@@ -313,6 +315,7 @@ function axesCombos(axes) {
return {
ready: false,
isEdited: false,
variableTag: false,
familyData: {},
tagFilter: "",
commit: "refs/heads/main",
@@ -320,7 +323,7 @@ function axesCombos(axes) {
newTag: "",
newFamily: '',
newWeight: '',
axisPositionCount: 2,
axisPositionCount: "",
newAxes: [],
fromFamily: "",
toFamily: "",
@@ -516,6 +519,10 @@ function axesCombos(axes) {
return results
},
addAxis() {
if (this.axisPositionCount === "" || this.axisPositionCount < 2) {
alert("Please enter a valid axis position count (minimum 2)");
return;
}
let axis = {
tag: "",
positions: []