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

82
src/pages/Add.vue
View File

@@ -1,87 +1,14 @@
<template>
<Card class="w-full md:w-2/3">
<template #header>
<div class="ml-5 mt-7">
<h2 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="false" :showCancelButton="false" accept="image/*" multiple/>
</div>
</div>
<div class="w-full mt-5">
<Button @click="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>
<div class="md:w-2/3">
<GunForm @save="save" :gun="gun" />
</div>
</template>
<script lang="ts">
import {defineComponent} from "vue";
import {Nullable} from "primevue/ts-helpers";
import axios from "axios";
import {Response} from "../types/Response";
import GunForm from "../components/GunForm.vue";
interface Data {
gun: {
@@ -96,6 +23,7 @@ interface Data {
}
export default defineComponent({
components: {GunForm},
data: (): Data => ({
gun: {
make: "",