mahdahar
42a5260f9a
- Restructure valueset pages from single master page to separate views: - Library Valuesets (read-only lookup browser) - Result Valuesets (CRUD for valueset table) - Valueset Definitions (CRUD for valuesetdef table) - Add new ResultValueSetController for result-specific valueset operations - Move views from master/valuesets to result/valueset and result/valuesetdef - Convert valueset sidebar to collapsible nested menu - Add search filtering to ValueSetController index - Remove deprecated welcome_message.php and old nested CRUD view - Update routes to organize under /result namespace Summary of changes: This commit reorganizes the valueset management UI by splitting the monolithic master/valuesets page into three distinct sections, adds a new controller for result-related valueset operations, and restructures the sidebar navigation for better usability.
117 lines
4.3 KiB
PHP
117 lines
4.3 KiB
PHP
<!-- Result Value Set Definition Form Modal -->
|
|
<div
|
|
x-show="showModal"
|
|
x-cloak
|
|
class="modal-overlay"
|
|
@click.self="closeModal()"
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0"
|
|
x-transition:enter-end="opacity-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100"
|
|
x-transition:leave-end="opacity-0"
|
|
>
|
|
<div
|
|
class="modal-content p-6 max-w-2xl w-full max-h-[90vh] overflow-y-auto"
|
|
@click.stop
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100 transform scale-100"
|
|
x-transition:leave-end="opacity-0 transform scale-95"
|
|
>
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h3 class="font-bold text-xl flex items-center gap-2" style="color: rgb(var(--color-text));">
|
|
<i class="fa-solid fa-layer-group-plus" style="color: rgb(var(--color-primary));"></i>
|
|
<span x-text="isEditing ? 'Edit Category' : 'New Category'"></span>
|
|
</h3>
|
|
<button class="btn btn-ghost btn-sm btn-square" @click="closeModal()">
|
|
<i class="fa-solid fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
|
|
<div x-show="errors.general" class="p-4 rounded-lg bg-rose-50 border border-rose-200" style="display: none;">
|
|
<div class="flex items-center gap-2">
|
|
<i class="fa-solid fa-exclamation-triangle text-rose-500"></i>
|
|
<p class="text-sm font-medium text-rose-700" x-text="errors.general"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space-y-4">
|
|
<h4 class="font-semibold text-sm uppercase tracking-wider opacity-60" style="color: rgb(var(--color-text));">Basic Information</h4>
|
|
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Category Name <span style="color: rgb(var(--color-error));">*</span></span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input"
|
|
:class="errors.VSName && 'input-error'"
|
|
x-model="form.VSName"
|
|
placeholder="e.g. Gender, Country, Status"
|
|
/>
|
|
<label class="label" x-show="errors.VSName">
|
|
<span class="label-text-alt" style="color: rgb(var(--color-error));" x-text="errors.VSName"></span>
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Description</span>
|
|
</label>
|
|
<textarea
|
|
class="input h-24 pt-2"
|
|
x-model="form.VSDesc"
|
|
placeholder="Detailed description of this category..."
|
|
></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space-y-4">
|
|
<h4 class="font-semibold text-sm uppercase tracking-wider opacity-60" style="color: rgb(var(--color-text));">System Information</h4>
|
|
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Site ID</span>
|
|
</label>
|
|
<input
|
|
type="number"
|
|
class="input text-center font-mono"
|
|
x-model="form.SiteID"
|
|
placeholder="1"
|
|
readonly
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Category ID</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input text-center font-mono"
|
|
x-model="form.VSetID"
|
|
placeholder="Auto-generated"
|
|
readonly
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex gap-3 mt-8 pt-6" style="border-top: 1px solid rgb(var(--color-border));">
|
|
<button class="btn btn-ghost flex-1" @click="closeModal()">Cancel</button>
|
|
<button class="btn btn-primary flex-1" @click="save()" :disabled="saving">
|
|
<span x-show="saving" class="spinner spinner-sm"></span>
|
|
<i x-show="!saving" class="fa-solid fa-save mr-2"></i>
|
|
<span x-text="saving ? 'Saving...' : (isEditing ? 'Update Category' : 'Create Category')"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|