SimGie/HGOE-SaS
1
0
Fork 0
forked from Kispi/Core
Code Pull requests Activity

fix(webapp): currency input fields
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Simon Giesel 2023-07-17 21:30:08 +02:00
parent 6d6418858b
commit d13e7f664f
3 changed files with 5 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
webapp/package.json
View file

@ -2,7 +2,7 @@
"name": "hgoe-sas", "name": "hgoe-sas",
"private": true, "private": true,
"author": "Simon Giesel", "author": "Simon Giesel",
"version": "1.3.1", "version": "1.3.2",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vue-tsc --noEmit && vite build", "build": "vue-tsc --noEmit && vite build",

8
webapp/src/components/molecules/MoleculeInputModal.vue
View file

@ -8,9 +8,8 @@
<div class="flex place-items-center justify-between"> <div class="flex place-items-center justify-between">
<span>{{ inputLabel }}</span> <span>{{ inputLabel }}</span>
<AtomCurrencyInput <AtomCurrencyInput
ref="input" v-model="amount"
class="w-4/12" class="w-4/12"
@change="amount = $event"
@keyup.esc="modal?.close()" @keyup.esc="modal?.close()"
/> />
</div> </div>
@ -41,7 +40,6 @@ import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
import AtomModal from '../atoms/AtomModal.vue'; import AtomModal from '../atoms/AtomModal.vue';
const modal = ref<InstanceType<typeof AtomModal>>(); const modal = ref<InstanceType<typeof AtomModal>>();
const input= ref<InstanceType<typeof AtomCurrencyInput>>();
const amount = ref(); const amount = ref();
defineProps({ defineProps({
@ -66,9 +64,7 @@ defineProps({
const emit = defineEmits(['submit']); const emit = defineEmits(['submit']);
function handleClose() { function handleClose() {
if(input.value) { amount.value = '';
input.value.reset();
}
} }
function handleSubmit() { function handleSubmit() {

6
webapp/src/components/views/ViewStatePortal.vue
View file

@ -9,10 +9,9 @@
<div class="flex place-items-center justify-between"> <div class="flex place-items-center justify-between">
<span>Mindestlohn</span> <span>Mindestlohn</span>
<AtomCurrencyInput <AtomCurrencyInput
:value="minWage" v-model="minWage"
class="w-2/4" class="w-2/4"
per-hour per-hour
@change="minWage = $event"
/> />
</div> </div>
<div class="flex place-items-center justify-between"> <div class="flex place-items-center justify-between">
@ -25,11 +24,10 @@
<div class="flex place-items-center justify-between"> <div class="flex place-items-center justify-between">
<span>Höchstlohn</span> <span>Höchstlohn</span>
<AtomCurrencyInput <AtomCurrencyInput
:value="maxWage" v-model="maxWage"
:min="minWage" :min="minWage"
per-hour per-hour
class="w-2/4" class="w-2/4"
@change="maxWage = $event"
/> />
</div> </div>
<div class="flex place-items-center justify-between"> <div class="flex place-items-center justify-between">