Feat: Назначения курсов — Blade шаблоны

 index.blade.php — список с фильтрами
 create.blade.php — форма создания (individual/group/organization)
 edit.blade.php — форма редактирования
 show.blade.php — просмотр назначения
 JavaScript для динамического переключения полей

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
mirivlad 2026-03-30 08:51:30 +08:00
parent 0fd33076ab
commit be66e30a85
4 changed files with 455 additions and 0 deletions

View File

@ -0,0 +1,123 @@
@extends('layouts.app')
@section('title', 'Добавить назначение')
@section('content')
<div class="container-fluid">
<div class="row">
<nav class="col-md-3 col-lg-2 d-md-block sidebar"><div class="position-sticky pt-3">@include('partials._sidebar')</div></nav>
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content">
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Добавить назначение</h1>
<a href="{{ route('admin.course-assignments.index') }}" class="btn btn-secondary btn-sm">Назад</a>
</div>
<form action="{{ route('admin.course-assignments.store') }}" method="POST">
@csrf
<div class="row">
<div class="col-md-8">
<div class="card shadow-sm mb-3">
<div class="card-body">
<div class="mb-3">
<label class="form-label">Курс *</label>
<select name="course_id" class="form-select @error('course_id') is-invalid @enderror" required>
<option value="">Выберите курс</option>
@foreach($courses as $id => $title)
<option value="{{ $id }}" {{ old('course_id') == $id ? 'selected' : '' }}>{{ $title }}</option>
@endforeach
</select>
@error('course_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3">
<label class="form-label">Тип назначения *</label>
<select name="type" id="assignmentType" class="form-select @error('type') is-invalid @enderror" required onchange="updateAssignmentFields()">
<option value="">Выберите тип</option>
<option value="individual" {{ old('type') == 'individual' ? 'selected' : '' }}>Индивидуальному пользователю</option>
<option value="group" {{ old('type') == 'group' ? 'selected' : '' }}>Группе</option>
<option value="organization" {{ old('type') == 'organization' ? 'selected' : '' }}>Организации</option>
</select>
@error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3" id="userField" style="display:none;">
<label class="form-label">Пользователь *</label>
<select name="user_id" class="form-select">
<option value="">Выберите пользователя</option>
@foreach($users as $id => $name)
<option value="{{ $id }}" {{ old('user_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3" id="groupField" style="display:none;">
<label class="form-label">Группа *</label>
<select name="group_id" class="form-select">
<option value="">Выберите группу</option>
@foreach($groups as $id => $name)
<option value="{{ $id }}" {{ old('group_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3" id="organizationField" style="display:none;">
<label class="form-label">Организация *</label>
<select name="organization_id" class="form-select">
<option value="">Выберите организацию</option>
@foreach($organizations as $id => $name)
<option value="{{ $id }}" {{ old('organization_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3">
<label class="form-label">Заметка</label>
<textarea name="note" class="form-control" rows="3">{{ old('note') }}</textarea>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card shadow-sm mb-3">
<div class="card-body">
<h5>Период доступа</h5>
<div class="mb-3">
<label class="form-label">Дата начала *</label>
<input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror" value="{{ old('start_date', date('Y-m-d')) }}" required>
@error('start_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3">
<label class="form-label">Дата окончания</label>
<input type="date" name="end_date" class="form-control @error('end_date') is-invalid @enderror" value="{{ old('end_date') }}">
<small class="text-muted">Оставьте пустым для бессрочного доступа</small>
@error('end_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="form-check mb-3">
<input type="checkbox" name="is_active" value="1" class="form-check-input" {{ old('is_active', true) ? 'checked' : '' }}>
<label class="form-check-label">Активно</label>
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Создать назначение</button>
<a href="{{ route('admin.course-assignments.index') }}" class="btn btn-secondary">Отмена</a>
</form>
</main>
</div>
</div>
<script>
function updateAssignmentFields() {
const type = document.getElementById('assignmentType').value;
document.getElementById('userField').style.display = (type === 'individual') ? 'block' : 'none';
document.getElementById('groupField').style.display = (type === 'group') ? 'block' : 'none';
document.getElementById('organizationField').style.display = (type === 'organization') ? 'block' : 'none';
}
// Инициализация при загрузке
document.addEventListener('DOMContentLoaded', function() {
updateAssignmentFields();
});
</script>
@endsection

View File

@ -0,0 +1,118 @@
@extends('layouts.app')
@section('title', 'Редактировать назначение')
@section('content')
<div class="container-fluid">
<div class="row">
<nav class="col-md-3 col-lg-2 d-md-block sidebar"><div class="position-sticky pt-3">@include('partials._sidebar')</div></nav>
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content">
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Редактировать назначение</h1>
<a href="{{ route('admin.course-assignments.show', $assignment) }}" class="btn btn-secondary btn-sm">Назад</a>
</div>
<form action="{{ route('admin.course-assignments.update', $assignment) }}" method="POST">
@csrf @method('PUT')
<div class="row">
<div class="col-md-8">
<div class="card shadow-sm mb-3">
<div class="card-body">
<div class="mb-3">
<label class="form-label">Курс *</label>
<select name="course_id" class="form-select @error('course_id') is-invalid @enderror" required>
@foreach($courses as $id => $title)
<option value="{{ $id }}" {{ old('course_id', $assignment->course_id) == $id ? 'selected' : '' }}>{{ $title }}</option>
@endforeach
</select>
@error('course_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3">
<label class="form-label">Тип назначения *</label>
<select name="type" id="assignmentType" class="form-select @error('type') is-invalid @enderror" required onchange="updateAssignmentFields()">
<option value="">Выберите тип</option>
<option value="individual" {{ old('type', $assignment->type) == 'individual' ? 'selected' : '' }}>Индивидуальному пользователю</option>
<option value="group" {{ old('type', $assignment->type) == 'group' ? 'selected' : '' }}>Группе</option>
<option value="organization" {{ old('type', $assignment->type) == 'organization' ? 'selected' : '' }}>Организации</option>
</select>
@error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3" id="userField" style="display:none;">
<label class="form-label">Пользователь *</label>
<select name="user_id" class="form-select">
@foreach($users as $id => $name)
<option value="{{ $id }}" {{ old('user_id', $assignment->user_id) == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3" id="groupField" style="display:none;">
<label class="form-label">Группа *</label>
<select name="group_id" class="form-select">
@foreach($groups as $id => $name)
<option value="{{ $id }}" {{ old('group_id', $assignment->group_id) == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3" id="organizationField" style="display:none;">
<label class="form-label">Организация *</label>
<select name="organization_id" class="form-select">
@foreach($organizations as $id => $name)
<option value="{{ $id }}" {{ old('organization_id', $assignment->organization_id) == $id ? 'selected' : '' }}>{{ $name }}</option>
@endforeach
</select>
</div>
<div class="mb-3">
<label class="form-label">Заметка</label>
<textarea name="note" class="form-control" rows="3">{{ old('note', $assignment->note) }}</textarea>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card shadow-sm mb-3">
<div class="card-body">
<h5>Период доступа</h5>
<div class="mb-3">
<label class="form-label">Дата начала *</label>
<input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror" value="{{ old('start_date', $assignment->start_date->format('Y-m-d')) }}" required>
@error('start_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="mb-3">
<label class="form-label">Дата окончания</label>
<input type="date" name="end_date" class="form-control @error('end_date') is-invalid @enderror" value="{{ old('end_date', $assignment->end_date?->format('Y-m-d')) }}">
<small class="text-muted">Оставьте пустым для бессрочного доступа</small>
@error('end_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
<div class="form-check mb-3">
<input type="checkbox" name="is_active" value="1" class="form-check-input" {{ old('is_active', $assignment->is_active) ? 'checked' : '' }}>
<label class="form-check-label">Активно</label>
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Сохранить</button>
<a href="{{ route('admin.course-assignments.show', $assignment) }}" class="btn btn-secondary">Отмена</a>
</form>
</main>
</div>
</div>
<script>
function updateAssignmentFields() {
const type = document.getElementById('assignmentType').value;
document.getElementById('userField').style.display = (type === 'individual') ? 'block' : 'none';
document.getElementById('groupField').style.display = (type === 'group') ? 'block' : 'none';
document.getElementById('organizationField').style.display = (type === 'organization') ? 'block' : 'none';
}
document.addEventListener('DOMContentLoaded', function() {
updateAssignmentFields();
});
</script>
@endsection

View File

@ -0,0 +1,117 @@
@extends('layouts.app')
@section('title', 'Назначения курсов')
@section('content')
<div class="container-fluid">
<div class="row">
<nav class="col-md-3 col-lg-2 d-md-block sidebar"><div class="position-sticky pt-3">@include('partials._sidebar')</div></nav>
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content">
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Назначения курсов</h1>
<a href="{{ route('admin.course-assignments.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Добавить назначение</a>
</div>
@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
<div class="card shadow-sm mb-4">
<div class="card-body">
<form action="{{ route('admin.course-assignments.index') }}" method="GET" class="row g-3">
<div class="col-md-4">
<select name="course_id" class="form-select">
<option value="">Все курсы</option>
@foreach($courses as $id => $title)
<option value="{{ $id }}" {{ request('course_id') == $id ? 'selected' : '' }}>{{ $title }}</option>
@endforeach
</select>
</div>
<div class="col-md-3">
<select name="type" class="form-select">
<option value="">Все типы</option>
<option value="individual" {{ request('type') == 'individual' ? 'selected' : '' }}>Индивидуальное</option>
<option value="group" {{ request('type') == 'group' ? 'selected' : '' }}>Группе</option>
<option value="organization" {{ request('type') == 'organization' ? 'selected' : '' }}>Организации</option>
</select>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-primary w-100"><i class="bi bi-search"></i></button>
</div>
</form>
</div>
</div>
<div class="card shadow-sm">
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Курс</th>
<th>Тип</th>
<th>Назначено</th>
<th>Период</th>
<th>Статус</th>
<th>Действия</th>
</tr>
</thead>
<tbody>
@forelse($assignments as $assignment)
<tr>
<td><strong>{{ $assignment->course->title }}</strong></td>
<td>
@if($assignment->type === 'individual')
<span class="badge bg-info"><i class="bi bi-person"></i> Индивидуально</span>
@elseif($assignment->type === 'group')
<span class="badge bg-success"><i class="bi bi-people"></i> Группе</span>
@else
<span class="badge bg-primary"><i class="bi bi-building"></i> Организации</span>
@endif
</td>
<td>
@if($assignment->type === 'individual')
{{ $assignment->user?->name ?? '—' }}
@elseif($assignment->type === 'group')
{{ $assignment->group?->name ?? '—' }}
@else
{{ $assignment->organization?->name ?? '—' }}
@endif
</td>
<td>
<small>{{ $assignment->start_date->format('d.m.Y') }}</small>
@if($assignment->end_date)
<br><small> {{ $assignment->end_date->format('d.m.Y') }}</small>
@endif
</td>
<td>
@if($assignment->is_active)
<span class="badge bg-success">Активно</span>
@else
<span class="badge bg-secondary">Не активно</span>
@endif
</td>
<td>
<div class="btn-group btn-group-sm">
<a href="{{ route('admin.course-assignments.show', $assignment) }}" class="btn btn-outline-primary" title="Просмотр"><i class="bi bi-eye"></i></a>
<a href="{{ route('admin.course-assignments.edit', $assignment) }}" class="btn btn-outline-warning" title="Редактировать"><i class="bi bi-pencil"></i></a>
<form action="{{ route('admin.course-assignments.destroy', $assignment) }}" method="POST" class="d-inline" onsubmit="return confirm('Удалить?')">
@csrf @method('DELETE')
<button class="btn btn-outline-danger" title="Удалить"><i class="bi bi-trash"></i></button>
</form>
</div>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="text-center text-muted py-5">
<i class="bi bi-inbox" style="font-size: 3rem;"></i>
<p class="mt-3">Назначений пока нет</p>
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
{{ $assignments->links() }}
</main>
</div>
</div>
@endsection

View File

@ -0,0 +1,97 @@
@extends('layouts.app')
@section('title', 'Назначение курса')
@section('content')
<div class="container-fluid">
<div class="row">
<nav class="col-md-3 col-lg-2 d-md-block sidebar"><div class="position-sticky pt-3">@include('partials._sidebar')</div></nav>
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content">
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Назначение курса</h1>
<div>
<a href="{{ route('admin.course-assignments.edit', $assignment) }}" class="btn btn-warning btn-sm me-2">Редактировать</a>
<a href="{{ route('admin.course-assignments.index') }}" class="btn btn-secondary btn-sm">Назад</a>
</div>
</div>
<div class="row">
<div class="col-md-8 mb-4">
<div class="card shadow-sm">
<div class="card-header bg-primary text-white"><h5 class="mb-0">Информация</h5></div>
<div class="card-body">
<table class="table table-sm">
<tr>
<th width="40%">Курс:</th>
<td><strong>{{ $assignment->course->title }}</strong></td>
</tr>
<tr>
<th>Тип:</th>
<td>
@if($assignment->type === 'individual')
<span class="badge bg-info"><i class="bi bi-person"></i> Индивидуально</span>
@elseif($assignment->type === 'group')
<span class="badge bg-success"><i class="bi bi-people"></i> Группе</span>
@else
<span class="badge bg-primary"><i class="bi bi-building"></i> Организации</span>
@endif
</td>
</tr>
<tr>
<th>Назначено:</th>
<td>
@if($assignment->type === 'individual')
{{ $assignment->user?->name ?? '—' }}
@elseif($assignment->type === 'group')
{{ $assignment->group?->name ?? '—' }}
@else
{{ $assignment->organization?->name ?? '—' }}
@endif
</td>
</tr>
<tr>
<th>Заметка:</th>
<td>{{ $assignment->note ?? '—' }}</td>
</tr>
<tr>
<th>Создано:</th>
<td>{{ $assignment->creator?->name ?? '—' }}, {{ $assignment->created_at->format('d.m.Y H:i') }}</td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-sm">
<div class="card-header bg-success text-white"><h5 class="mb-0">Период доступа</h5></div>
<div class="card-body">
<div class="mb-3">
<label class="text-muted small">Дата начала</label>
<div class="fs-5">{{ $assignment->start_date->format('d.m.Y') }}</div>
</div>
<div class="mb-3">
<label class="text-muted small">Дата окончания</label>
<div class="fs-5">
@if($assignment->end_date)
{{ $assignment->end_date->format('d.m.Y') }}
@else
<span class="text-muted">Бессрочно</span>
@endif
</div>
</div>
<hr>
<div>
<label class="text-muted small">Статус</label>
@if($assignment->is_active)
<span class="badge bg-success">Активно</span>
@else
<span class="badge bg-secondary">Не активно</span>
@endif
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
@endsection