speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-07-17 06:59:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Nice form (#11)

Browse source 
* wip

* vee-validate experiments

* get test enabled form working

* Make PillBar Properly work with ModelValue

* Register NumberBox Globally

* Rework NiceForm

* Use new form props

* Rework Definitions for new Form
This commit is contained in:
Samuel Lorch 2023-04-03 22:59:20 +02:00 • committed by GitHub
parent 2fb089ba73
commit 4c78d1da66
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 153 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/src/components/inputs/PillBar.vue
View file

@ -10,25 +10,17 @@ const props = defineModel<{
}>();
let { options, modelValue } = $(props);
const emit = defineEmits<{
(event: 'selectionChanged'): void
}>();
function select(option: any, index: number) {
for(let opt of options) {
opt.selected = false;
onMounted(async() => {
if (modelValue === undefined) {
modelValue = 0
}
option.selected = true;
modelValue = index;
emit('selectionChanged');
console.debug("selected", options);
}
});
</script>
<template>
<div>
<button class="option" v-for="(option, index) in options" :key="index" :class="{selected:option.selected}" @click="select(option, index)">
<button class="option" v-for="(option, index) in options" :key="index" :class="{selected: modelValue == index}" @click="modelValue = index">
<i class="material-icons" v-if="option.icon">{{ option.icon }}</i>
{{ option.name }}
</button>