Files
lsky-pro/resources/views/admin/strategy/index.blade.php
T
2022-03-05 01:39:28 +08:00

66 lines
3.2 KiB
PHP

@section('title', '储存策略管理')
<x-app-layout>
<div class="my-6 md:my-9">
<form action="{{ route('admin.strategies') }}" method="get">
<div class="mb-3 flex justify-between w-full">
<x-button type="button" onclick="window.location.href = '{{ route('admin.strategy.create') }}'">创建储存策略</x-button>
<input class="px-2 text-sm rounded-md bg-white border-transparent focus:border-gray-500 focus:bg-white focus:ring-0" name="keywords" placeholder="输入名称回车搜索..." value="{{ request('keywords') }}" />
</div>
</form>
<x-table :columns="['ID', '名称', '驱动', '图片数量', '已使用储存', '操作']">
@foreach($strategies as $strategy)
<tr data-id="{{ $strategy->id }}">
<td class="px-6 py-4 whitespace-nowrap">{{ $strategy->id }}</td>
<td class="px-6 py-4 whitespace-nowrap name">{{ $strategy->name }}</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="rounded-md bg-sky-500 text-sm text-white py-1 px-4">
{{ \App\Models\Strategy::DRIVERS[$strategy->key] }}
</span>
</td>
<td class="px-6 py-4 whitespace-nowrap">{{ $strategy->images_count }}</td>
<td class="px-6 py-4 whitespace-nowrap">{{ \App\Utils::formatSize($strategy->images_sum_size * 1024) }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2">
<a href="{{ route('admin.strategy.edit', ['id' => $strategy->id]) }}" class="text-indigo-600 hover:text-indigo-900">编辑</a>
<a href="javascript:void(0)" data-operate="delete" class="text-red-600 hover:text-red-900">删除</a>
</td>
</tr>
@endforeach
</x-table>
@if($strategies->isEmpty())
<x-no-data message="没有找到任何储存策略"/>
@else
<div class="mt-4">
{{ $strategies->links() }}
</div>
@endif
</div>
@push('scripts')
<script>
$('[data-operate="delete"]').click(function () {
Swal.fire({
title: `确认删除储存策略【${$(this).closest('tr').find('td.name').text()}】吗?`,
text: "如果某个组下面没有储存策略,该组下面的用户将无法上传图片,同时已上传至该储存的图片将无法在系统中预览。",
icon: 'warning',
showCancelButton: true,
confirmButtonText: '确认删除',
}).then((result) => {
if (result.isConfirmed) {
let id = $(this).closest('tr').data('id');
axios.delete(`/admin/strategies/${id}`).then(response => {
if (response.data.status) {
history.go(0);
} else {
toastr.error(response.data.message);
}
});
}
})
});
</script>
@endpush
</x-app-layout>