vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

fix csb

pull/1143/head
Tuğçe Küçükoğlu 2021-03-23 15:37:51 +03:00
parent 6973d2701e
commit 424f548389
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/datatable/DataTableCrudDemo.vue
View File

@ -248,7 +248,7 @@ export default {
</div> </div>
<Dialog v-model:visible="productDialog" :style="{width: '450px'}" header="Product Details" :modal="true" class="p-fluid"> <Dialog v-model:visible="productDialog" :style="{width: '450px'}" header="Product Details" :modal="true" class="p-fluid">
<img :src="'demo/images/product/' + product.image" :alt="product.image" class="product-image" v-if="product.image" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="product.image" class="product-image" v-if="product.image" />
<div class="p-field"> <div class="p-field">
<label for="name">Name</label> <label for="name">Name</label>
<InputText id="name" v-model.trim="product.name" required="true" autofocus :class="{'p-invalid': submitted && !product.name}" /> <InputText id="name" v-model.trim="product.name" required="true" autofocus :class="{'p-invalid': submitted && !product.name}" />
@ -460,12 +460,12 @@ export default {
} }
.product-image { .product-image {
width: 100px; width: 50px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
} }
.p-dialog .product-image { .p-dialog .product-image {
width: 150px; width: 50px;
margin: 0 auto 2rem auto; margin: 0 auto 2rem auto;
display: block; display: block;
} }
@ -544,7 +544,7 @@ export default {
</div> </div>
<Dialog v-model:visible="productDialog" :style="{width: '450px'}" header="Product Details" :modal="true" class="p-fluid"> <Dialog v-model:visible="productDialog" :style="{width: '450px'}" header="Product Details" :modal="true" class="p-fluid">
<img :src="'demo/images/product/' + product.image" :alt="product.image" class="product-image" v-if="product.image" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="product.image" class="product-image" v-if="product.image" />
<div class="p-field"> <div class="p-field">
<label for="name">Name</label> <label for="name">Name</label>
<InputText id="name" v-model.trim="product.name" required="true" autofocus :class="{'p-invalid': submitted && !product.name}" /> <InputText id="name" v-model.trim="product.name" required="true" autofocus :class="{'p-invalid': submitted && !product.name}" />
@ -681,8 +681,8 @@ export default {
if (product.value.name.trim()) { if (product.value.name.trim()) {
if (product.value.id) { if (product.value.id) {
product.value.inventoryStatus = this.product.inventoryStatus.value ? this.product.inventoryStatus.value: this.product.inventoryStatus; product.value.inventoryStatus = product.value.inventoryStatus.value ? product.value.inventoryStatus.value : product.value.inventoryStatus;
products.value[this.findIndexById(this.product.id)] = this.product; products.value[findIndexById(product.value.id)] = product.value;
toast.add({severity:'success', summary: 'Successful', detail: 'Product Updated', life: 3000}); toast.add({severity:'success', summary: 'Successful', detail: 'Product Updated', life: 3000});
} }
else { else {
@ -698,8 +698,8 @@ export default {
product.value = {}; product.value = {};
} }
}; };
const editProduct = (product) => { const editProduct = (prod) => {
product.value = {...product.value}; product.value = {...prod};
productDialog.value = true; productDialog.value = true;
}; };
const confirmDeleteProduct = (prod) => { const confirmDeleteProduct = (prod) => {
@ -759,12 +759,12 @@ export default {
} }
.product-image { .product-image {
width: 100px; width: 50px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
} }
.p-dialog .product-image { .p-dialog .product-image {
width: 150px; width: 50px;
margin: 0 auto 2rem auto; margin: 0 auto 2rem auto;
display: block; display: block;
} }