speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-09-13 15:19:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Verdict Pillbar

Browse source
This commit is contained in:
Samuel Lorch 2023-03-26 21:52:14 +02:00
parent 99abeab434
commit 5b6889cbae
3 changed files with 53 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/pages/index.vue
View file

@ -8,6 +8,7 @@ async function doShit(){
let name = $ref("");
let comment = $ref("");
let counter = $ref(false);
let options = $ref([{name: 'Accept'}, {name: 'Drop'}, {name: 'Continue'}]);
</script>
@ -16,7 +17,7 @@ let counter = $ref(false);
<PageHeader title="Dashboard">
<button @click="doShit">Example Buttons</button>
</PageHeader>
<form class="cl-secondary">
<form @submit="$event => $event.preventDefault()" class="cl-secondary">
<h3>Create Rule</h3>
<label for="name" v-text="'Name'"/>
<input name="name" v-model="name"/>
@ -24,10 +25,13 @@ let counter = $ref(false);
<input name="counter" type="checkbox" v-model="counter"/>
<label for="comment" v-text="'Comment'"/>
<textarea name="comment" v-model="comment"></textarea>
<label for="verdict" v-text="'Verdict'"/>
<pillbar :options="options" name="verdict" ></pillbar>
<button>Submit</button>
</form>
</div>
</template>
<style>
<style scoped>
</style>