118 lines
7.9 KiB
HTML
118 lines
7.9 KiB
HTML
{{template "base" .}}
|
||
|
||
{{define "content"}}
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-6">
|
||
<div class="card shadow">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-pencil me-2" aria-hidden="true"></i>課題編集</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
{{if .error}}<div class="alert alert-danger" role="alert">{{.error}}</div>{{end}}
|
||
<form method="POST" action="/assignments/{{.assignment.ID}}">
|
||
{{.csrfField}}
|
||
<div class="mb-3">
|
||
<label for="title" class="form-label">タイトル <span class="text-danger" aria-hidden="true">*</span><span class="visually-hidden">（必須）</span></label>
|
||
<input type="text" class="form-control" id="title" name="title" value="{{.assignment.Title}}" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="subject" class="form-label">科目</label>
|
||
<input type="text" class="form-control" id="subject" name="subject" value="{{.assignment.Subject}}">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="priority" class="form-label">重要度</label>
|
||
<select class="form-select" id="priority" name="priority">
|
||
<option value="low" {{if eq .assignment.Priority "low" }}selected{{end}}>低</option>
|
||
<option value="medium" {{if eq .assignment.Priority "medium"}}selected{{end}}>中</option>
|
||
<option value="high" {{if eq .assignment.Priority "high" }}selected{{end}}>高</option>
|
||
</select>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="due_date" class="form-label">提出期限（ガチ期限） <span class="text-danger" aria-hidden="true">*</span><span class="visually-hidden">（必須）</span></label>
|
||
<input type="datetime-local" class="form-control" id="due_date" name="due_date" value="{{formatDateInput .assignment.DueDate}}" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="soft_due_date" class="form-label">自分の期限 <span class="badge bg-secondary">任意</span></label>
|
||
<input type="datetime-local" class="form-control" id="soft_due_date" name="soft_due_date" value="{{if .assignment.SoftDueDate}}{{formatDateInput .assignment.SoftDueDate}}{{end}}">
|
||
<div class="form-text small text-muted">鬼督促はこの期限を基準に通知します。未指定の場合は提出期限の2日前になります。</div>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="description" class="form-label">説明</label>
|
||
<textarea class="form-control" id="description" name="description" rows="3">{{.assignment.Description}}</textarea>
|
||
</div>
|
||
<div class="card bg-light mb-3">
|
||
<div class="card-body py-2">
|
||
<h6 class="mb-2"><i class="bi bi-bell me-1" aria-hidden="true"></i>通知設定</h6>
|
||
<div class="form-check form-switch mb-2">
|
||
<input class="form-check-input" type="checkbox" id="urgent_reminder_enabled" name="urgent_reminder_enabled" {{if .assignment.UrgentReminderEnabled}}checked{{end}}>
|
||
<label class="form-check-label" for="urgent_reminder_enabled">
|
||
督促通知（期限3時間前から繰り返し通知）
|
||
</label>
|
||
</div>
|
||
<div class="form-text small mb-2">
|
||
重要度により通知間隔が変わります：高=10分ごと、中=30分ごと、低=1時間ごと
|
||
</div>
|
||
<hr class="my-2">
|
||
<div class="form-check form-switch">
|
||
<input class="form-check-input" type="checkbox" id="reminder_enabled" name="reminder_enabled" {{if .assignment.ReminderEnabled}}checked{{end}} onchange="toggleReminderDate(this)">
|
||
<label class="form-check-label" for="reminder_enabled">
|
||
リマインダー（指定日時に通知）
|
||
</label>
|
||
</div>
|
||
<div class="mt-2" id="reminder_at_group" style="display: {{if .assignment.ReminderEnabled}}block{{else}}none{{end}};">
|
||
<label for="reminder_at" class="form-label small">通知日時</label>
|
||
<input type="datetime-local" class="form-control form-control-sm" id="reminder_at" name="reminder_at" value="{{if .assignment.ReminderAt}}{{formatDateInput .assignment.ReminderAt}}{{end}}">
|
||
{{if .assignment.ReminderSent}}
|
||
<div class="text-success small mt-1"><i class="bi bi-check-circle me-1" aria-hidden="true"></i>通知送信済み</div>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{if .recurring}}
|
||
<div class="card bg-light mb-3">
|
||
<div class="card-body py-2">
|
||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||
<h6 class="mb-0"><i class="bi bi-arrow-repeat me-1" aria-hidden="true"></i>繰り返し設定</h6>
|
||
<a href="/recurring/{{.recurring.ID}}/edit" class="btn btn-sm btn-outline-primary">
|
||
<i class="bi bi-pencil me-1" aria-hidden="true"></i>編集
|
||
</a>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-6">
|
||
<small class="text-muted">タイプ</small>
|
||
<div class="fw-bold">
|
||
{{if eq .recurring.RecurrenceType "daily"}}毎日{{end}}
|
||
{{if eq .recurring.RecurrenceType "weekly"}}毎週{{end}}
|
||
{{if eq .recurring.RecurrenceType "monthly"}}毎月{{end}}
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<small class="text-muted">状態</small>
|
||
<div>
|
||
{{if .recurring.IsActive}}
|
||
<span class="badge bg-success">有効</span>
|
||
{{else}}
|
||
<span class="badge bg-secondary">停止中</span>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
<div class="d-flex gap-2">
|
||
<button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1" aria-hidden="true"></i>更新</button>
|
||
<a href="/assignments" class="btn btn-outline-secondary">キャンセル</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function toggleReminderDate(checkbox) {
|
||
document.getElementById('reminder_at_group').style.display = checkbox.checked ? 'block' : 'none';
|
||
}
|
||
</script>
|
||
{{end}}
|