feat: Refactor addon management to use AddonType and AddonInputType enums, update the database schema, and implement a grouped datatable display for addons.
This commit is contained in:
pbao9
@@ -7,124 +7,171 @@
|
||||
|
||||
@section('breadcrumb')
|
||||
@php
|
||||
$breadcrumbItems = [
|
||||
['label' => 'Product'],
|
||||
['label' => 'Product Addons'],
|
||||
['label' => 'Product Addons List', 'url' => route('addon.index')],
|
||||
['label' => 'Add new addon', 'active' => true],
|
||||
];
|
||||
$breadcrumbItems = [
|
||||
['label' => 'Product'],
|
||||
['label' => 'Product Addons', 'url' => route('addon.index')],
|
||||
['label' => 'Add New Addon', 'active' => true],
|
||||
];
|
||||
@endphp
|
||||
<x-admin-breadcrumb :items="$breadcrumbItems" />
|
||||
@endsection
|
||||
|
||||
@php
|
||||
use App\Enums\Status;
|
||||
use App\Enums\Status;
|
||||
use App\Enums\AddonType;
|
||||
use App\Enums\AddonInputType;
|
||||
@endphp
|
||||
|
||||
@section('content')
|
||||
@if (auth()->guard('admins')->user()->can('manager product'))
|
||||
<div class="card card-outline card-primary">
|
||||
<div class="card-header">
|
||||
Create New Addon
|
||||
<form action="{{ route('addon.store') }}" method="post">
|
||||
@csrf
|
||||
<div class="row align-items-start">
|
||||
<div class="col-md-8">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title m-0">Add New Addon</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-4">
|
||||
<h5 class="text-primary border-bottom mb-3 pb-2">Basic Information</h5>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="type">Type <span class="text-danger">*</span></label>
|
||||
<select name="type" id="type" class="form-control select2">
|
||||
@foreach (AddonType::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="sort_order">Sort Order</label>
|
||||
<input type="number" name="sort_order" id="sort_order"
|
||||
value="{{ old('sort_order', 0) }}" class="form-control" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" id="name"
|
||||
value="{{ old('name') }}" class="form-control" placeholder="CPU, RAM, Disk...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="code">Code <span class="text-danger">*</span></label>
|
||||
<input type="text" name="code" id="code"
|
||||
value="{{ old('code') }}" class="form-control" placeholder="cpu, ram, disk...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="prefix">Prefix</label>
|
||||
<input type="text" name="prefix" id="prefix"
|
||||
value="{{ old('prefix') }}" class="form-control" placeholder="vCore, GB, Mbps...">
|
||||
<small class="text-muted">Đơn vị hiển thị (VD: GB, vCore, Mbps)</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h5 class="text-primary border-bottom mb-3 pb-2">Configuration</h5>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="min">Min Value</label>
|
||||
<input type="number" name="min" id="min"
|
||||
value="{{ old('min', 0) }}" class="form-control" placeholder="1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="max">Max Value</label>
|
||||
<input type="number" name="max" id="max"
|
||||
value="{{ old('max') }}" class="form-control" placeholder="32">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="step">Step</label>
|
||||
<input type="number" name="step" id="step"
|
||||
value="{{ old('step', 1) }}" class="form-control" placeholder="1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted d-block mb-3">Step là bước nhảy: VD RAM step=1 nhảy 1GB, step=512 nhảy 512MB</small>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="price">Price / Step <span class="text-danger">*</span></label>
|
||||
<div class="input-group">
|
||||
<input type="number" name="price" id="price"
|
||||
value="{{ old('price', 0) }}" class="form-control" placeholder="20000">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text">VND</span>
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted">Giá cho mỗi step (VD: 1 Core = 20,000đ)</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="input_type">Input Type</label>
|
||||
<select name="input_type" id="input_type" class="form-control select2">
|
||||
@foreach (AddonInputType::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title m-0">Publish</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group mb-3">
|
||||
<label for="status">Status</label>
|
||||
<select name="status" id="status" class="form-control select2">
|
||||
@foreach (Status::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="{{ route('addon.store') }}" method="post">
|
||||
@csrf
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{-- Name --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="name" class="col-md-3 text-right">Name</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="text" id="name" name="name" placeholder="CPU, RAM, Disk..."
|
||||
value="{{ old('name') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Code --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="code" class="col-md-3 text-right">Code</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="text" id="code" name="code" placeholder="cpu, ram, disk..."
|
||||
value="{{ old('code') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Price --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="price" class="col-md-3 text-right">Price</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="number" id="price" name="price" placeholder="100000"
|
||||
value="{{ old('price') ?? 0 }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Min --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="min" class="col-md-3 text-right">Min</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="number" id="min" name="min" placeholder="0"
|
||||
value="{{ old('min') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Max --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="max" class="col-md-3 text-right">Max</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="number" id="max" name="max" placeholder="100000"
|
||||
value="{{ old('max') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Step --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="step" class="col-md-3 text-right">Step</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="number" id="step" name="step" placeholder="1"
|
||||
value="{{ old('step') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Prefix --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="prefix" class="col-md-3 text-right">Prefix</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<input type="text" id="prefix" name="prefix" placeholder="vCore, GB..."
|
||||
value="{{ old('prefix') }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
{{-- Status --}}
|
||||
<div class="row form-group align-items-center mb-0">
|
||||
<label for="status" class="col-md-3 text-right">Status</label>
|
||||
<div class="col-md-9 bg-customer p-1">
|
||||
<select class="select2 single__select" id="status" name="status">
|
||||
@foreach (Status::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}">
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-fixed-action-bar>
|
||||
<x-button-crm type="button" variant="secondary" size="sm" icon="arrow-left"
|
||||
route="addon.index">Cancel</x-button-crm>
|
||||
<x-button-crm type="submit" variant="primary" size="sm" icon="plus-circle">Create
|
||||
Addon</x-button-crm>
|
||||
</x-fixed-action-bar>
|
||||
</form>
|
||||
</div>
|
||||
<x-fixed-action-bar>
|
||||
<x-button-crm type="button" variant="secondary" size="sm" icon="arrow-left"
|
||||
route="addon.index">Cancel</x-button-crm>
|
||||
<x-button-crm type="submit" variant="primary" size="sm" icon="plus-circle" class="float-right">
|
||||
Create Addon</x-button-crm>
|
||||
</x-fixed-action-bar>
|
||||
</form>
|
||||
@else
|
||||
<div class="alert alert-danger alert-dismissible">
|
||||
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Product
|
||||
management department</h5>
|
||||
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Product management department</h5>
|
||||
</div>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@push('plugin-scripts')
|
||||
@foreach (config('assets.datatable.js') as $datatable)
|
||||
<script src="{{ asset($datatable) }}"></script>
|
||||
@@ -134,4 +181,4 @@ use App\Enums\Status;
|
||||
$('.select2').select2();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,51 @@
|
||||
<table class="table table-bordered table-striped table-hover mb-0 bg-light">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Prefix</th>
|
||||
<th>Min</th>
|
||||
<th>Max</th>
|
||||
<th>Step</th>
|
||||
<th>Price</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($children as $child)
|
||||
<tr>
|
||||
<td>{{ $child['name'] }}</td>
|
||||
<td>{{ $child['prefix'] }}</td>
|
||||
<td>{{ $child['min'] }}</td>
|
||||
<td>{{ $child['max'] }}</td>
|
||||
<td>{{ $child['step'] }}</td>
|
||||
<td>{{ number_format($child['price']) }} VND</td>
|
||||
<td>
|
||||
@if($child['status'])
|
||||
<span class="badge bg-success">Active</span>
|
||||
@else
|
||||
<span class="badge bg-danger">Inactive</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-1">
|
||||
<a href="{{ route('addon.edit', ['id' => $child['id']]) }}" class="btn btn-sm btn-outline-primary">
|
||||
<i data-lucide="pencil" style="width:14px;height:14px"></i>
|
||||
</a>
|
||||
<form action="{{ route('addon.destroy', ['id' => $child['id']]) }}" method="POST" class="d-inline">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Are you sure?')">
|
||||
<i data-lucide="trash" style="width:14px;height:14px"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="8" class="text-center text-muted">No addons in this group</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -9,9 +9,8 @@
|
||||
@php
|
||||
$breadcrumbItems = [
|
||||
['label' => 'Product'],
|
||||
['label' => 'Product Addons'],
|
||||
['label' => 'Product Addons List', 'url' => route('addon.index')],
|
||||
['label' => 'Edit addon', 'active' => true],
|
||||
['label' => 'Product Addons', 'url' => route('addon.index')],
|
||||
['label' => 'Edit Addon', 'active' => true],
|
||||
];
|
||||
@endphp
|
||||
<x-admin-breadcrumb :items="$breadcrumbItems" />
|
||||
@@ -19,89 +18,176 @@
|
||||
|
||||
@php
|
||||
use App\Enums\Status;
|
||||
use App\Enums\AddonType;
|
||||
use App\Enums\AddonInputType;
|
||||
@endphp
|
||||
|
||||
@section("content")
|
||||
<div class="card card-outline card-primary">
|
||||
<form action="{{ route('addon.update', ['id' => $addon->id]) }}" method="post">
|
||||
@csrf
|
||||
@method('put')
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{--Product name--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="name">Name</label>
|
||||
<div class="col-md-8">
|
||||
<input type="text" id="name" name="name" placeholder=".com,.vn,..."
|
||||
value="{{ old('name') ?? $addon->name }}" class="form-control">
|
||||
@section('content')
|
||||
<form action="{{ route('addon.update', ['id' => $addon->id]) }}" method="post">
|
||||
@csrf
|
||||
@method('put')
|
||||
<div class="row align-items-start">
|
||||
<div class="col-md-8">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title m-0">Edit Addon: {{ $addon->name }}</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-4">
|
||||
<h5 class="text-primary border-bottom mb-3 pb-2">Basic Information</h5>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="type">Type <span class="text-danger">*</span></label>
|
||||
<select name="type" id="type" class="form-control select2">
|
||||
@foreach (AddonType::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}"
|
||||
{{ $addon->type == $value ? 'selected' : '' }}>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="sort_order">Sort Order</label>
|
||||
<input type="number" name="sort_order" id="sort_order"
|
||||
value="{{ old('sort_order', $addon->sort_order) }}" class="form-control"
|
||||
placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" id="name"
|
||||
value="{{ old('name', $addon->name) }}" class="form-control"
|
||||
placeholder="CPU, RAM, Disk...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="code">Code <span class="text-danger">*</span></label>
|
||||
<input type="text" name="code" id="code"
|
||||
value="{{ old('code', $addon->code) }}" class="form-control"
|
||||
placeholder="cpu, ram, disk...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="prefix">Prefix</label>
|
||||
<input type="text" name="prefix" id="prefix"
|
||||
value="{{ old('prefix', $addon->prefix) }}" class="form-control"
|
||||
placeholder="vCore, GB, Mbps...">
|
||||
<small class="text-muted">Đơn vị hiển thị (VD: GB, vCore, Mbps)</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{--Price--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="price">Price</label>
|
||||
<div class="col-md-8">
|
||||
<input type="number" id="price" name="price" placeholder="100000"
|
||||
value="{{ old('price') ?? $addon->price }}" class="form-control">
|
||||
<div class="mb-4">
|
||||
<h5 class="text-primary border-bottom mb-3 pb-2">Configuration</h5>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="min">Min Value</label>
|
||||
<input type="number" name="min" id="min"
|
||||
value="{{ old('min', $addon->min) }}" class="form-control" placeholder="1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="max">Max Value</label>
|
||||
<input type="number" name="max" id="max"
|
||||
value="{{ old('max', $addon->max) }}" class="form-control" placeholder="32">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="step">Step</label>
|
||||
<input type="number" name="step" id="step"
|
||||
value="{{ old('step', $addon->step) }}" class="form-control" placeholder="1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted d-block mb-3">Step là bước nhảy: VD RAM step=1 nhảy 1GB, step=512 nhảy
|
||||
512MB</small>
|
||||
|
||||
{{--Price Sales--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="min">Min</label>
|
||||
<div class="col-md-8">
|
||||
<input type="number" id="min" name="min" placeholder="0"
|
||||
value="{{ old('min') ?? $addon->min }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{--Renewal--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="max">Max</label>
|
||||
<div class="col-md-8">
|
||||
<input type="number" id="max" name="max" placeholder="100000"
|
||||
value="{{ old('max') ?? $addon->max }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{--Transfer--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="step">Step</label>
|
||||
<div class="col-md-8">
|
||||
<input type="number" id="step" name="step" placeholder="1"
|
||||
value="{{ old('step') ?? $addon->step }}" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{--Transfer--}}
|
||||
<div class="form-group row">
|
||||
<label class="col-md-4" for="prefix">Prefix</label>
|
||||
<div class="col-md-8">
|
||||
<input type="text" id="prefix" name="prefix" placeholder="vCore"
|
||||
value="{{ old('prefix') ?? $addon->prefix }}" class="form-control">
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="price">Price / Step <span class="text-danger">*</span></label>
|
||||
<div class="input-group">
|
||||
<input type="number" name="price" id="price"
|
||||
value="{{ old('price', $addon->price) }}" class="form-control"
|
||||
placeholder="20000">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text">VND</span>
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted">Giá cho mỗi step (VD: 1 Core = 20,000đ)</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="input_type">Input Type</label>
|
||||
<select name="input_type" id="input_type" class="form-control select2">
|
||||
@foreach (AddonInputType::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}"
|
||||
{{ $addon->input_type == $value ? 'selected' : '' }}>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-fixed-action-bar>
|
||||
<x-button-crm type="button" variant="secondary" size="sm" icon="arrow-left"
|
||||
route="addon.index">Cancel</x-button-crm>
|
||||
<x-button-crm type="submit" variant="primary" size="sm" icon="pencil">Edit
|
||||
Addon</x-button-crm>
|
||||
</x-fixed-action-bar>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title m-0">Publish</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group mb-3">
|
||||
<label for="status">Status</label>
|
||||
<select name="status" id="status" class="form-control select2">
|
||||
@foreach (Status::getOptions() as $value => $label)
|
||||
<option value="{{ $value }}" {{ $addon->status == $value ? 'selected' : '' }}>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-fixed-action-bar>
|
||||
<x-button-crm type="button" variant="secondary" size="sm" icon="arrow-left"
|
||||
route="addon.index">Cancel</x-button-crm>
|
||||
<x-button-crm type="submit" variant="primary" size="sm" icon="pencil" class="float-right">
|
||||
Update Addon</x-button-crm>
|
||||
</x-fixed-action-bar>
|
||||
</form>
|
||||
@endsection
|
||||
|
||||
@push('plugin-scripts')
|
||||
@foreach (config('assets.datatable.js') as $datatable)
|
||||
<script src="{{ asset($datatable) }}"></script>
|
||||
@endforeach
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@endpush
|
||||
|
||||
@@ -15,35 +15,95 @@
|
||||
@endphp
|
||||
<x-admin-breadcrumb :items="$breadcrumbItems" />
|
||||
@endsection
|
||||
|
||||
@php
|
||||
use App\Enums\AddonType;
|
||||
@endphp
|
||||
|
||||
@section("content")
|
||||
@if (auth()->guard('admins')->user()->can('manager product'))
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header d-flex justify-content-end gap-2">
|
||||
@include('administrator.pages.block.addon.btn')
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-body p-0">
|
||||
<x-datatable id="addonTable" ajax="{{ route('addon.datatable') }}" :columns="[
|
||||
['key' => 'name', 'label' => 'Addon Name'],
|
||||
['key' => 'prefix', 'label' => 'Prefix'],
|
||||
['key' => 'min', 'label' => 'Min'],
|
||||
['key' => 'max', 'label' => 'Max'],
|
||||
['key' => 'step', 'label' => 'Step'],
|
||||
['key' => 'price', 'label' => 'Price'],
|
||||
['key' => 'status', 'label' => 'Status'],
|
||||
['key' => 'action', 'label' => 'Action'],
|
||||
['key' => 'details_control', 'label' => '', 'orderable' => false, 'searchable' => false, 'className' => 'details-control text-center cursor-pointer'],
|
||||
['key' => 'name', 'label' => 'Group'],
|
||||
['key' => 'slug', 'label' => 'Slug'],
|
||||
['key' => 'is_active', 'label' => 'Status'],
|
||||
['key' => 'action', 'label' => 'Action', 'searchable' => false],
|
||||
]" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@else
|
||||
<div class="alert alert-danger alert-dismissible">
|
||||
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Product
|
||||
management department</h5>
|
||||
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Product management
|
||||
department</h5>
|
||||
</div>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@push('plugin-scripts')
|
||||
@foreach (config('assets.datatable.js') as $datatable)
|
||||
<script src="{{ asset($datatable) }}"></script>
|
||||
@endforeach
|
||||
@endpush
|
||||
@endpush
|
||||
|
||||
@push('custom-styles')
|
||||
<style>
|
||||
td.details-control {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('custom-scripts')
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var tableId = '#addonTable';
|
||||
|
||||
$('#addonTable').on('draw.dt', function () {
|
||||
setTimeout(function () {
|
||||
if (typeof lucide !== 'undefined') {
|
||||
lucide.createIcons();
|
||||
}
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$(tableId + ' tbody').on('click', 'td.details-control', function () {
|
||||
var tr = $(this).closest('tr');
|
||||
var table = $(tableId).DataTable();
|
||||
var row = table.row(tr);
|
||||
var cell = $(this);
|
||||
|
||||
if (row.child.isShown()) {
|
||||
row.child.hide();
|
||||
tr.removeClass('shown');
|
||||
cell.html('<i data-lucide="plus-circle" class="cursor-pointer text-success mx-auto" style="width:15px; height:15px"></i>');
|
||||
} else {
|
||||
if (row.data().children && row.data().children.length > 0) {
|
||||
row.child(format(row.data())).show();
|
||||
tr.addClass('shown');
|
||||
cell.html('<i data-lucide="minus-circle" class="cursor-pointer text-danger mx-auto" style="width:15px; height:15px"></i>');
|
||||
|
||||
if (typeof lucide !== 'undefined') {
|
||||
lucide.createIcons();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof lucide !== 'undefined') {
|
||||
lucide.createIcons();
|
||||
}
|
||||
});
|
||||
|
||||
function format(d) {
|
||||
return d.children_html;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
|
||||
Reference in New Issue
Block a user