Files
chatroom/resources/views/admin/changelog/index.blade.php
T

113 lines
6.5 KiB
PHP

{{--
文件功能:后台开发日志列表页(仅 id=1 超级管理员可访问)
展示所有日志(含草稿),支持发布/编辑/删除操作
@extends admin.layouts.app
--}}
@extends('admin.layouts.app')
@section('title', '开发日志管理')
@section('content')
@php require resource_path('views/admin/partials/list-theme.php'); @endphp
<div class="{{ $adminListPageClass }}">
<div class="{{ $adminListHeaderCardClass }}">
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
<div>
<h2 class="{{ $adminListHeaderTitleClass }}">📋 开发日志管理</h2>
<p class="{{ $adminListHeaderSubtitleClass }}">管理版本更新记录,发布后可在大厅消息区通知用户</p>
</div>
<a href="{{ route('admin.changelogs.create') }}"
class="{{ $adminListPrimaryButtonClass }} inline-flex items-center justify-center">
+ 新增日志
</a>
</div>
</div>
{{-- 日志列表 --}}
<div class="{{ $adminListCardClass }}">
<div class="{{ $adminListSectionHeadClass }}">
<h3 class="{{ $adminListSectionTitleClass }}">开发日志列表</h3>
<p class="{{ $adminListSectionDescClass }}">统一查看版本、类型、发布状态与管理操作。</p>
</div>
<div class="{{ $adminListTableWrapClass }}">
<table class="{{ $adminListTableClass }} whitespace-nowrap">
<thead>
<tr class="{{ $adminListTableHeadRowClass }}">
<th class="{{ $adminListTableHeadCellClass }}">版本号</th>
<th class="{{ $adminListTableHeadCellClass }}">标题</th>
<th class="{{ $adminListTableHeadCellClass }}">类型</th>
<th class="{{ $adminListTableHeadCellClass }}">状态</th>
<th class="{{ $adminListTableHeadCellClass }}">发布时间</th>
<th class="{{ $adminListTableHeadCellClass }} text-right">操作</th>
</tr>
</thead>
<tbody class="{{ $adminListTableBodyClass }}">
@forelse($logs as $log)
<tr class="{{ $adminListTableRowClass }}">
<td class="px-5 py-3 font-mono text-sm font-semibold text-indigo-700">v{{ $log->version }}</td>
<td class="px-5 py-3 {{ $adminListPrimaryTextClass }}">{{ $log->title }}</td>
<td class="px-5 py-3">
@php
$typeConfig = \App\Models\DevChangelog::TYPE_CONFIG[$log->type] ?? null;
$colorMap = [
'emerald' => 'bg-emerald-100 text-emerald-700',
'rose' => 'bg-rose-100 text-rose-700',
'blue' => 'bg-blue-100 text-blue-700',
'slate' => 'bg-slate-100 text-slate-700',
];
@endphp
<span
class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-semibold {{ $colorMap[$typeConfig['color'] ?? 'slate'] ?? 'bg-slate-100 text-slate-700' }}">
{{ $typeConfig['label'] ?? '其他' }}
</span>
</td>
<td class="px-5 py-3">
@if ($log->is_published)
<span class="inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-semibold text-green-700"> 已发布</span>
@else
<span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-semibold text-gray-500">🔒 草稿</span>
@endif
</td>
<td class="px-5 py-3 {{ $adminListSecondaryTextClass }}">
{{ $log->published_at?->format('Y-m-d H:i') ?? '—' }}
</td>
<td class="px-5 py-3 text-right">
<div class="flex items-center justify-end gap-2">
<a href="{{ route('admin.changelogs.edit', $log->id) }}"
class="{{ $adminListActionButtonClass }} bg-blue-50 text-blue-600 hover:bg-blue-600 hover:text-white">
编辑
</a>
<form action="{{ route('admin.changelogs.destroy', $log->id) }}" method="POST"
data-admin-confirm="确定要删除这条日志吗?">
@csrf @method('DELETE')
<button type="submit"
class="{{ $adminListActionButtonClass }} bg-red-50 text-red-600 hover:bg-red-600 hover:text-white">
删除
</button>
</form>
</div>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="{{ $adminListEmptyClass }}">
<p class="mb-2 text-3xl">📭</p>
<p>还没有任何日志,点击右上角「新增日志」开始吧</p>
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
@if ($logs->hasPages())
<div class="{{ $adminListPaginationClass }}">
{{ $logs->links() }}
</div>
@endif
</div>
</div>
@endsection