ri-st/project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make suppliers deletable.

Browse Source
This commit is contained in:
Christian Steinle
2025-02-13 17:13:20 +01:00
parent f3d8c00d78
commit 65a3c4ba07
6 changed files with 156 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
resources/views/supplier/index.blade.php
View File

@@ -21,7 +21,9 @@
{{ __("supplier.Add new supplier by clicking add") }}
</p>
</header>
<a class="mt-6 inline-block" href="{{ route('supplier.create') }}"><x-primary-button>{{ __('form.Add') }}</x-primary-button></a>
<a class="mt-6 inline-block" href="{{ route('supplier.create') }}">
<x-primary-button>{{ __('form.Add') }}</x-primary-button>
</a>
</section>
</div>
</div>
@@ -43,24 +45,56 @@
x-on:keydown.window.prevent.slash="$refs.search_supplier.focus()"
x-model="search_supplier"/>
</div>
</header>
<div class="cursor-pointer grid grid-cols-4 mt-4">
<div class="font-bold border-b-2">{{ __('common.Name') }}</div>
<div class="font-bold border-b-2">{{ __('common.Email') }}</div>
<div class="font-bold border-b-2 text-right">{{ __('invoice.Invoices') }}</div>
<div class="font-bold border-b-2 text-right">{{ __('common.Created at') }}</div>
<p class="text-red-600 font-bold" x-text="message" x-show="error"></p>
<p x-show="success" x-transition
class="text-sm text-green-600 dark:text-green-400">{{ __('form.Saved') }}</p>
<div class="flex flex-row mt-4">
<div class="w-11/12 grid grid-cols-4">
<div class="font-bold border-b-2">{{ __('common.Name') }}</div>
<div class="font-bold border-b-2">{{ __('common.Email') }}</div>
<div class="font-bold border-b-2 text-right">{{ __('invoice.Invoices') }}</div>
<div class="font-bold border-b-2 text-right">{{ __('common.Created at') }}</div>
</div>
<div class="w-1/12 border-b-2"></div>
</div>
<template x-for="(supplier, index) in getFilteredSuppliers()">
<div class="even:bg-gray-100 odd:bg-white hover:bg-gray-400">
<div class="cursor-pointer grid grid-cols-4" x-on:click="window.location.href='/supplier/' + supplier.id;">
<div class="even:bg-gray-100 odd:bg-white hover:bg-gray-400 flex flex-row">
<div class="w-11/12 grid grid-cols-4"
:class="(supplier.deleted_at == null) ? 'cursor-pointer' : 'line-through';"
x-on:click="(supplier.deleted_at == null) ? window.location.href='/supplier/' + supplier.id : ''">
<div x-text="supplier.name"></div>
<div x-text="supplier.email"></div>
<div class="text-right" x-text="supplier.invoices.length"></div>
<div class="text-right" x-text="supplier.created"></div>
</div>
<div class="w-1/12 place-items-end" x-data="{ tooltip: false }"
x-show="supplier.deleted_at == null">
<x-trash-icon class="cursor-pointer h-6"
x-on:click="deleteSupplier(index);"
x-on:mouseover="tooltip = true"
x-on:mouseleave="tooltip = false"
/>
<div x-show="tooltip"
class="text-sm text-white absolute bg-gray-900 rounded-lg p-2 transform -translate-y-16 translate-x-8">
{{ __('form.Delete') }}
</div>
</div>
<div class="w-1/12 place-items-end" x-data="{ tooltip: false }"
x-show="supplier.deleted_at != null">
<x-restore-icon class="cursor-pointer h-6"
x-on:click="restoreSupplier(index);"
x-on:mouseover="tooltip = true"
x-on:mouseleave="tooltip = false"
/>
<div x-show="tooltip"
class="text-sm text-white absolute bg-gray-900 rounded-lg p-2 transform -translate-y-16 translate-x-8">
{{ __('form.Restore') }}
</div>
</div>
</div>
</template>
@@ -79,10 +113,14 @@
suppliers: [],
search_supplier: '',
success: false,
error: false,
message: '',
init() {
let vm = this;
axios.get('/supplier')
.then(function(response) {
axios.get('/supplier-with-trashed')
.then(function (response) {
vm.suppliers = response.data;
})
},
@@ -93,10 +131,50 @@
}
return this.suppliers.filter((supplier) => {
return supplier.name
.replace(/ /g, '')
.toLowerCase()
.includes(this.search_supplier.replace(/ /g, '').toLowerCase())
.replace(/ /g, '')
.toLowerCase()
.includes(this.search_supplier.replace(/ /g, '').toLowerCase())
});
},
deleteSupplier(index) {
let vm = this;
let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].id == this.getFilteredSuppliers()[index].id));
axios.delete('/supplier/' + this.suppliers[supplier_key].id)
.then(function (response) {
vm.error = false;
vm.success = true;
vm.message = '';
vm.suppliers[supplier_key].deleted_at = 0;
window.setTimeout(function () {
vm.success = false;
}, 1000);
})
.catch(function (error) {
vm.error = true;
vm.success = false;
vm.message = error.response.data.message;
});
},
restoreSupplier(index) {
let vm = this;
let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].id == this.getFilteredSuppliers()[index].id));
axios.get('/supplier/' + this.suppliers[supplier_key].id + '/restore')
.then(function (response) {
vm.error = false;
vm.success = true;
vm.message = '';
vm.suppliers[supplier_key].deleted_at = null;
window.setTimeout(function () {
vm.success = false;
}, 1000);
})
.catch(function(error) {
vm.error = true;
vm.success = false;
vm.message = error.response.data.message;
})
}
}
}