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:
parent
0fd33076ab
commit
be66e30a85
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
Loading…
Reference in New Issue