siteworxpro/gun-manager-frontend
1
Fork 0
Code Pull Requests Releases Activity

Revert "git please work"

Browse Source
This commit is contained in:
Ron Rise
2023-08-07 18:47:38 -04:00
parent 5467a9e86c
commit 108ec64b5f
5 changed files with 161 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/components/GunForm.vue Normal file
View File

@@ -0,0 +1,98 @@
<template>
<Card>
<template #header>
<div class="ml-5 pt-10">
<h2 v-if="gun.id" class="text-3xl">Edit Gun</h2>
<h2 v-else class="text-3xl">Add Gun</h2>
</div>
</template>
<template #content>
<div class="flex flex-row flex-wrap">
<div class="w-full">
<div class="flex gap-2" style="flex-direction: column">
<label for="make">Make</label>
<InputText v-model="gun.make" id="make"/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="model">Model</label>
<InputText v-model="gun.model" id="model"/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="serial_number">Serial Number</label>
<InputText v-model="gun.serial_number" id="serial_number"/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="purchase_amount">Purchase Amount</label>
<InputNumber
v-model="gun.purchase_amount"
:maxFractionDigits="0"
:minFractionDigits="0"
:min="0"
id="purchase_amount"
/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="value_amount">Value Amount</label>
<InputNumber
v-model="gun.value_amount"
:maxFractionDigits="0"
:minFractionDigits="0"
:min="0"
id="value_amount"
/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="date_purchased">Date Purchased</label>
<Calendar v-model="gun.date_purchased"/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="value_amount">Notes</label>
<Textarea v-model="gun.notes"/>
</div>
</div>
<div class="w-full mt-5">
<div class="flex gap-2" style="flex-direction: column">
<label for="value_amount">Photos</label>
<FileUpload
:showUploadButton="gun.id === false"
:showCancelButton="false"
accept="image/*"
:multiple="gun.id === null"
/>
</div>
</div>
<div class="w-full mt-5">
<Button @click="$emit('save')" class="p-button-success" icon="fa-sharp fa-light fa-floppy-disk" label="Save"/>
<router-link to="/guns">
<Button class="p-button-warning ml-3" icon="fa-sharp fa-light fa-times" label="Cancel"/>
</router-link>
</div>
</div>
</template>
</Card>
</template>
<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
props: {
gun: {
type: Object,
required: true
}
}
})
</script>