lee/OliveTin
1
0
Fork 0
mirror of https://github.com/OliveTin/OliveTin synced 2025-12-13 17:45:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: (#707) Confirmation buttons and ASCII input types

Browse Source
This commit is contained in:
jamesread
2025-11-10 20:12:19 +00:00
parent 52ff504a9d
commit 32a062ae93
1 changed files with 2 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/resources/vue/views/ArgumentForm.vue
View File

@@ -7,15 +7,7 @@
<form @submit="handleSubmit"> <form @submit="handleSubmit">
<template v-if="actionArguments.length > 0"> <template v-if="actionArguments.length > 0">
<template v-for="arg in actionArguments" :key="arg.name" class="argument-group"> <template v-for="arg in actionArguments" :key="arg.name">
<div v-if="arg.type === 'confirmation'">
<label :for="arg.name">
{{ formatLabel(arg.title) }}
</label>
<input :id="arg.name" :name="arg.name" type="checkbox" :checked="getArgumentValue(arg)"
@input="handleInput(arg, $event)" @change="handleChange(arg, $event)" />
</div>
<template v-else>
<label :for="arg.name"> <label :for="arg.name">
{{ formatLabel(arg.title) }} {{ formatLabel(arg.title) }}
</label> </label>
@@ -39,7 +31,6 @@
:rows="arg.type === 'raw_string_multiline' ? 5 : undefined" :rows="arg.type === 'raw_string_multiline' ? 5 : undefined"
:step="arg.type === 'datetime' ? 1 : undefined" :pattern="getPattern(arg)" :required="arg.required" :step="arg.type === 'datetime' ? 1 : undefined" :pattern="getPattern(arg)" :required="arg.required"
@input="handleInput(arg, $event)" @change="handleChange(arg, $event)" /> @input="handleInput(arg, $event)" @change="handleChange(arg, $event)" />
</template>
<span class="argument-description" v-html="arg.description"></span> <span class="argument-description" v-html="arg.description"></span>
</template> </template>
@@ -165,7 +156,7 @@ function getInputType(arg) {
return 'checkbox' return 'checkbox'
} }
if (arg.type === 'ascii_identifier') { if (arg.type === 'ascii_identifier' || arg.type === 'ascii') {
return 'text' return 'text'
} }
@@ -370,22 +361,6 @@ form {
grid-template-columns: max-content auto auto; grid-template-columns: max-content auto auto;
} }
.argument-group {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.argument-group label {
font-weight: 500;
color: #333;
}
.argument-group input:invalid,
.argument-group select:invalid,
.argument-group textarea:invalid {
border-color: #dc3545;
}
.argument-description { .argument-description {
font-size: 0.875rem; font-size: 0.875rem;