catalyx/PSTW_CentralizeSystem
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
MOHD ARIFF 2024-11-26 12:33:06 +08:00
parent d7e93a98b3
commit 72dbbde075
1 changed files with 20 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
Areas/Inventory/Views/Item/ProductRegistration.cshtml
View File

@ -4,15 +4,17 @@
} }
@await Html.PartialAsync("~/Areas/Inventory/Views/_InventoryPartial.cshtml"); @await Html.PartialAsync("~/Areas/Inventory/Views/_InventoryPartial.cshtml");
<div id="registerProduct"> <div id="registerProduct" class="card m-1">
<form v-on:submit.prevent="addProduct" data-aos="fade-right"> <form v-on:submit.prevent="addProduct" data-aos="fade-right">
<div class="container register" data-aos="fade-right"> <div class="container register" data-aos="fade-right">
<div class="row" data-aos="fade-right"> <div class="row" data-aos="fade-right">
<div class="col-md-12"> <div class="col-md-12">
<div class="tab-content" id="myTabContent"> <div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="card-header">
<h3 class="register-heading">REGISTRATION PRODUCT</h3> <h3 class="register-heading">REGISTRATION PRODUCT</h3>
<div class="row register-form"> </div>
<div class="row register-form card-body">
<div class="col-md-6"> <div class="col-md-6">
@* Product Name *@ @* Product Name *@
@ -27,23 +29,11 @@
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-3">Manufacturer:</label> <label class="col-sm-3">Manufacturer:</label>
<div class="col-sm-9"> <div class="col-sm-9">
<div class="dropdown"> <div class="">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"> <select class="btn btn-primary form-select" v-model="manufacturer" required>
<span id="updateManufacturer">{{ manufacturer || 'Select Manufacturer' }}</span> <option class="btn-light" value="" selected disabled>Select Manufacturer</option>
</button> <option class="btn-light" v-for="(item, index) in manufacturers" :key="item.manufacturerId" :value="item.manufacturerId">{{ item.manufacturerName ?? 'Select Manufacturer' }}</option>
<div class="dropdown-menu p-3"> </select>
<div v-for="(manuc, index) in manufactures" :key="index" class="form-check">
<input class="form-check-input" type="radio" :id="'manufacturer-' + index" :value="manuc" name="manufacturer" v-on:click="updateManufacturer(manuc)" v-model="manufacturer">
<label class="form-check-label" :for="'manufacturer-' + index">{{ manuc }}</label>
</div>@*
<div class="form-check">
<input class="form-check-input" type="radio" name="manufacturer" id="otherM" v-on:click="toggleOtherInput('manufacturer')" v-model="manufacturer">
<label class="form-check-label" for="otherM">Other:</label>
</div>
<div v-if="showOtherManufacturer">
<input type="text" class="form-control" id="otherManufacturer" placeholder="Your Manufacturer Name" v-model="manufacturer">
</div> *@
</div>
</div> </div>
</div> </div>
</div> </div>
@ -52,30 +42,16 @@
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-3">Category:</label> <label class="col-sm-3">Category:</label>
<div class="col-sm-9"> <div class="col-sm-9">
<div class="dropdown"> <div class="">
<button class="btn btn-primary dropdown-toggle w-100" type="button" data-toggle="dropdown" aria-expanded="false"> <select class="btn btn-primary form-select" v-model="category" required>
<span id="updateCategory">{{ category || 'Select Category' }}</span> <option class="btn-light" value="" selected disabled>Select Category</option>
</button> <option class="btn-light" v-for="(item, index) in categories" :key="item" :value="item">{{ item ?? 'Select Category' }}</option>
<div class="dropdown-menu w-100 p-3"> </select>
<div class="form-check">
<input class="form-check-input" type="radio" name="category" id="item" value="Item" v-on:click="updateCategory('Item')" v-model="category">
<label class="form-check-label" for="item">Item</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="category" id="part" value="Part" v-on:click="updateCategory('Part')" v-model="category">
<label class="form-check-label" for="part">Part</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="category" id="disposable" value="Disposable" v-on:click="updateCategory('Disposable')" v-model="category">
<label class="form-check-label" for="disposable">Disposable</label>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
@* Model No Coding *@ @* Model No Coding *@
@ -126,8 +102,10 @@
el: '#registerProduct', el: '#registerProduct',
data: { data: {
productName: null, productName: null,
manufacturer: null, manufacturer: '',
category: null, manufacturers: null,
category: '',
categories: ["Item", "Part", "Disposable"],
modelNo: null, modelNo: null,
quantityProduct: null, quantityProduct: null,
imageProduct: null, imageProduct: null,
@ -273,12 +251,7 @@
console.log(data); console.log(data);
if (data != null && data.length > 0) if (data != null && data.length > 0)
{ {
this.manufacturer = data; this.manufacturers = data;
}
if (!this.manufacturerDatatable) {
this.initiateTable();
} else {
this.fillTable(data);
} }
}) })
.catch(error => { .catch(error => {