sky121113
fc79148879
1. [FEAT] 權限劃分為「系統層級」與「客戶層級」，並在後端強制過濾跨權限分配。 2. [FEAT] 整合選單權限至主選單層級 (基本設定、權限設定)，簡化角色管理 UI。 3. [STYLE] 側邊欄優化：補齊多語系翻譯，並為基本設定子選單增加視覺圖示。 4. [REFACTOR] 更新 RoleSeeder，將 tenant-admin 重新分類為客戶層級角色。
50 lines
1.7 KiB
PHP
50 lines
1.7 KiB
PHP
@props(['name', 'value' => '', 'label' => ''])
|
|
|
|
<div x-data="{
|
|
time: '{{ $value ? \Carbon\Carbon::parse($value)->format('H:i:s') : '' }}',
|
|
formatInput(e) {
|
|
let cursor = e.target.selectionStart;
|
|
let originalLen = e.target.value.length;
|
|
let val = e.target.value.replace(/\D/g, '');
|
|
|
|
if (val.length > 6) val = val.slice(0, 6);
|
|
|
|
let formatted = '';
|
|
if (val.length > 0) {
|
|
formatted = val.slice(0, 2);
|
|
if (val.length > 2) {
|
|
formatted += ':' + val.slice(2, 4);
|
|
if (val.length > 4) {
|
|
formatted += ':' + val.slice(4, 6);
|
|
}
|
|
}
|
|
}
|
|
|
|
this.time = formatted;
|
|
|
|
// Minor delay to fix cursor position if needed,
|
|
// though for time strings move-to-end is often acceptable.
|
|
this.$nextTick(() => {
|
|
let diff = formatted.length - originalLen;
|
|
let newPos = cursor + diff;
|
|
// e.target.setSelectionRange(newPos, newPos); // Optional cursor fix
|
|
});
|
|
}
|
|
}" class="relative">
|
|
<input
|
|
type="text"
|
|
name="{{ $name }}"
|
|
:value="time"
|
|
@input="formatInput"
|
|
maxlength="8"
|
|
placeholder="HH:mm:ss"
|
|
class="luxury-input w-full pr-12 font-mono tracking-wider"
|
|
autocomplete="off"
|
|
>
|
|
<div class="absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400 dark:text-slate-500">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|