Tambah konfirmasi password & auto-arsip sebelum hapus nilai

Tombol "Mulai Ulang (hapus semua nilai)" di halaman Input Nilai
sebelumnya cuma dijaga confirm() browser biasa — gampang ke-klik tanpa
sadar, apalagi datanya sekarang ratusan mahasiswa per MK.

- Dialog konfirmasi kini menyebut jumlah mahasiswa yang akan hilang
- Password akun yang login harus dimasukkan ulang & diverifikasi
  server-side (auth.verifikasi_password) sebelum aksi hapus dieksekusi
- Isi nilai lama diarsipkan otomatis ke tabel nilai_arsip_hapus sebelum
  dihapus (mk_kode, tahun, data JSON, kapan, oleh siapa) — jaring
  pengaman, ikut ke-backup lewat /cadangan.db yang sudah ada; belum ada
  UI pemulihan (di luar cakupan saat ini, cukup query manual bila perlu)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/db.py

@@ -185,6 +185,16 @@ def init_db() -> None:
                    updated_by TEXT NOT NULL
                )"""
         )
+        conn.execute(
+            """CREATE TABLE IF NOT EXISTS nilai_arsip_hapus (
+                   id          INTEGER PRIMARY KEY AUTOINCREMENT,
+                   mk_kode     TEXT NOT NULL,
+                   tahun       TEXT NOT NULL,
+                   data        TEXT NOT NULL,
+                   dihapus_at  TEXT NOT NULL,
+                   dihapus_oleh TEXT NOT NULL
+               )"""
+        )
         conn.execute(
             """CREATE TABLE IF NOT EXISTS pengaturan (
                    kunci TEXT PRIMARY KEY,
@@ -292,6 +302,19 @@ def simpan_dok(tabel: str, mk_kode: str, data: dict, status: str, updated_by: st
             )
 
 
+def arsipkan_nilai_hapus(mk_kode: str, tahun: str, data: dict, dihapus_oleh: str) -> None:
+    """Simpan salinan nilai sebelum dihapus (jaring pengaman) — tak ada UI
+    pemulihan otomatis, tapi baris ini tetap ikut ke-backup lewat /cadangan.db
+    dan bisa diambil manual bila suatu saat perlu dipulihkan."""
+    now = datetime.now(WIB).strftime("%Y-%m-%d %H:%M")
+    with get_conn() as conn:
+        conn.execute(
+            """INSERT INTO nilai_arsip_hapus (mk_kode, tahun, data, dihapus_at, dihapus_oleh)
+               VALUES (?,?,?,?,?)""",
+            (mk_kode, tahun, json.dumps(data, ensure_ascii=False), now, dihapus_oleh),
+        )
+
+
 def hapus_dok(tabel: str, mk_kode: str, tahun: str | None = None) -> None:
     assert tabel in _TABEL_DOK
     tahun = tahun or tahun_aktif()
@@ -362,11 +385,11 @@ def dump_semua() -> dict:
     """Seluruh isi database sebagai dict (untuk cadangan JSON)."""
     out = {}
     with get_conn() as conn:
-        for tabel in (*_TABEL_DOK, "rps_arsip", "pengaturan",
+        for tabel in (*_TABEL_DOK, "rps_arsip", "nilai_arsip_hapus", "pengaturan",
                       "pengguna", "penugasan", "mahasiswa"):
             rows = conn.execute(f"SELECT * FROM {tabel}").fetchall()
             out[tabel] = [dict(r) for r in rows]
-    for tabel in _TABEL_DOK + ("rps_arsip",):
+    for tabel in _TABEL_DOK + ("rps_arsip", "nilai_arsip_hapus"):
         for r in out.get(tabel, []):
             r["data"] = json.loads(r["data"])
     return out

app/main.py

@@ -1165,10 +1165,19 @@ async def simpan_nilai(request: Request, kode: str):
             return _konteks_nilai(request, kode, peringatan=[
                 "Anda hanya diampukan sebagian kelas MK ini — menghapus seluruh nilai "
                 "hanya bisa dilakukan kaprodi atau dosen yang mengampu seluruh kelas."])
+        akun = db.pengguna_by_id(request.state.user["id"])
+        password = (form.get("password") or "").strip()
+        if not akun or not auth.verifikasi_password(password, akun["pw_hash"]):
+            return _konteks_nilai(request, kode, peringatan=[
+                "Password salah — nilai TIDAK jadi dihapus."])
+        lama = db.ambil_dok("nilai", kode)
+        if lama:
+            db.arsipkan_nilai_hapus(kode, db.tahun_aktif(), lama["data"], updated_by)
         db.hapus_dok("nilai", kode)
         return _konteks_nilai(
             request, kode,
-            pesan="Seluruh nilai tersimpan MK ini dihapus — silakan mulai dari awal.")
+            pesan="Seluruh nilai tersimpan MK ini dihapus (salinan sebelumnya "
+                  "tersimpan otomatis sebagai arsip) — silakan mulai dari awal.")
 
     if aksi == "komponen":
         kelas_dosen = _kelas_dosen(request.state.user, kode)

app/templates/form_nilai.html

@@ -54,15 +54,21 @@
   {% endif %}
 
   {% if tersimpan %}
+    {% set n_mhs = tersimpan.data.mahasiswa|length if tersimpan.data.mode == 'per_mahasiswa' else none %}
     <div class="info">
       Data tersimpan: mode
-      <b>{% if tersimpan.data.mode == 'per_mahasiswa' %}PER MAHASISWA ({{ tersimpan.data.mahasiswa|length }} mahasiswa){% else %}BUKTI AGREGAT (rata-rata kelas){% endif %}</b>
+      <b>{% if tersimpan.data.mode == 'per_mahasiswa' %}PER MAHASISWA ({{ n_mhs }} mahasiswa){% else %}BUKTI AGREGAT (rata-rata kelas){% endif %}</b>
       — terakhir disimpan {{ tersimpan.updated_at }}{% if tersimpan.updated_by %} oleh {{ tersimpan.updated_by }}{% endif %}.
       {% if riwayat_ringkas %}<br>Ringkasan pengisian — team teaching:
         {% for k in riwayat_ringkas %}{{ k.komponen }}: {% for d in k.per_dosen %}{{ d.n }}&times; {{ d.nama }}{{ ', ' if not loop.last }}{% endfor %}{{ ' · ' if not loop.last }}{% endfor %}.{% endif %}
-      <form method="post" action="/nilai/{{ peta.kode }}" style="display:inline;margin-left:8px"
+      <form method="post" action="/nilai/{{ peta.kode }}" style="display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap"
-            onsubmit="return confirm('Hapus SELURUH nilai tersimpan MK ini untuk {{ tahun }}? Tindakan ini tidak bisa dibatalkan.')">
+            onsubmit="return confirm('Hapus SELURUH nilai{% if n_mhs %} {{ n_mhs }} mahasiswa{% endif %} tersimpan MK ini untuk {{ tahun }}?\n\nSalinan sebelumnya akan diarsipkan otomatis, tapi tidak ada tombol pulihkan di aplikasi — hubungi kaprodi/admin bila perlu dikembalikan.\n\nTindakan ini tidak bisa dibatalkan sendiri. Lanjutkan?')">
-        <button class="tombol garis" type="submit" name="aksi" value="hapus"
+        <input type="hidden" name="aksi" value="hapus">
+        <label style="font-size:13px;color:var(--grey)">Konfirmasi password Anda:
+          <input type="password" name="password" required autocomplete="current-password"
+                 style="display:inline-block;width:auto;padding:3px 6px;font-size:13px;margin-left:4px">
+        </label>
+        <button class="tombol garis" type="submit"
                 style="color:var(--red);border-color:var(--red);padding:2px 10px;font-size:13px">Mulai Ulang (hapus semua nilai)</button>
       </form>
     </div>
@@ -89,10 +95,25 @@
   </details>
   {% endif %}
 
+  {% set ada_kelas = grid and grid|selectattr('kelas')|list|length > 0 %}
+
   {% if grid and tabel_komponen and komponen_daftar %}
   <h2 class="bagian">NILAI PER KOMPONEN <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan komponen</span></h2>
   <p class="keterangan">Angka = rata-rata skor mentah tiap sesi/tugas komponen itu yang diikuti mahasiswa (bukan lewat Sub-CPMK). Ketik untuk menimpa —
     ditulis rata ke semua Sub-CPMK komponen itu; rincian per Sub-CPMK tetap presisi di grid bawah.</p>
+  {% if ada_kelas %}
+  {% set semua_kelas = grid|map(attribute='kelas')|select|unique|sort|list %}
+  <div class="filter-baris">
+    <label for="filter-kelas">Tampilkan kelas:</label>
+    <select id="filter-kelas" style="width:auto">
+      <option value="">Semua</option>
+      {% for k in semua_kelas %}
+      <option value="{{ k }}">Kelas {{ k }}</option>
+      {% endfor %}
+    </select>
+    <span id="filter-kelas-info" class="keterangan" style="margin:0"></span>
+  </div>
+  {% endif %}
   <form method="post" action="/nilai/{{ peta.kode }}">
     <input type="hidden" name="aksi" value="komponen">
     <div class="gulir">
@@ -109,7 +130,7 @@
       <tbody>
         {% for r in tabel_komponen %}
         {% set ri = loop.index0 %}
-        <tr>
+        <tr data-kelas="{{ r.kelas or '' }}">
           <td class="tengah">{{ loop.index }}
             <input type="hidden" name="nim_{{ ri }}" value="{{ r.nim }}">
             <input type="hidden" name="nama_{{ ri }}" value="{{ r.nama }}"></td>
@@ -140,9 +161,21 @@
   {% if grid %}
   {% set per_mhs = tersimpan and tersimpan.data.mode == 'per_mahasiswa' %}
   <h2 class="bagian">NILAI PER MAHASISWA <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan Sub-CPMK</span></h2>
+  {% if ada_kelas and not (tabel_komponen and komponen_daftar) %}
+  {% set semua_kelas = grid|map(attribute='kelas')|select|unique|sort|list %}
+  <div class="filter-baris">
+    <label for="filter-kelas">Tampilkan kelas:</label>
+    <select id="filter-kelas" style="width:auto">
+      <option value="">Semua</option>
+      {% for k in semua_kelas %}
+      <option value="{{ k }}">Kelas {{ k }}</option>
+      {% endfor %}
+    </select>
+    <span id="filter-kelas-info" class="keterangan" style="margin:0"></span>
+  </div>
+  {% endif %}
   <form method="post" action="/nilai/{{ peta.kode }}">
     <div class="gulir">
-    {% set ada_kelas = grid|selectattr('kelas')|list|length > 0 %}
     {% set n_kiri = 4 if ada_kelas else 3 %}
     <table class="grid">
       <thead>
@@ -158,7 +191,7 @@
       <tbody>
         {% for m in grid %}
         {% set i = loop.index0 %}
-        <tr>
+        <tr data-kelas="{{ m.kelas or '' }}">
           <td class="tengah">{{ loop.index }}
             <input type="hidden" name="nim_{{ i }}" value="{{ m.nim }}">
             <input type="hidden" name="nama_{{ i }}" value="{{ m.nama }}"></td>
@@ -174,7 +207,7 @@
         </tr>
         {% endfor %}
         {% if per_mhs and hasil %}
-        <tr class="total">
+        <tr class="total" data-kelas="__total__" title="Dihitung dari seluruh mahasiswa MK ini, tidak per kelas">
           <td colspan="{{ n_kiri }}" style="text-align:right">Rata-rata kelas (tersimpan)</td>
           {% for s in peta.subs %}
           {% set info = hasil.sub.get(s.kode) %}
@@ -182,7 +215,7 @@
           {% endfor %}
           <td class="tengah">{{ '%.1f'|format(akhir.values()|sum / akhir|length) if akhir else '—' }}</td>
         </tr>
-        <tr class="total">
+        <tr class="total" data-kelas="__total__" title="Dihitung dari seluruh mahasiswa MK ini, tidak per kelas">
           <td colspan="{{ n_kiri }}" style="text-align:right">% lulus (≥ {{ ambang|round(0)|int }})</td>
           {% for s in peta.subs %}
           {% set info = hasil.sub.get(s.kode) %}
@@ -383,4 +416,34 @@
   {% endif %}
   </details>
   {% endif %}
+
+  {% if ada_kelas %}
+  <script>
+    (function () {
+      var pilih = document.getElementById('filter-kelas');
+      var info = document.getElementById('filter-kelas-info');
+      var baris = document.querySelectorAll('table.grid tbody tr[data-kelas]');
+
+      function perbarui() {
+        var v = pilih.value, n = 0, total = 0;
+        baris.forEach(function (tr) {
+          var kelas = tr.dataset.kelas;
+          if (kelas === '__total__') {
+            // baris rata-rata/% lulus: dihitung dari seluruh MK, cuma masuk akal saat "Semua"
+            tr.style.display = v === '' ? '' : 'none';
+            return;
+          }
+          total++;
+          var tampil = v === '' || kelas === v;
+          tr.style.display = tampil ? '' : 'none';
+          if (tampil) n++;
+        });
+        info.textContent = v === '' ? '' : n + ' dari ' + total + ' mahasiswa ditampilkan';
+      }
+
+      pilih.addEventListener('change', perbarui);
+      perbarui();
+    })();
+  </script>
+  {% endif %}
 {% endblock %}

app/templates/form_nilai_komponen.html

@@ -96,6 +96,20 @@
     </label>
     {% endif %}
     <h2 class="bagian">NILAI MAHASISWA</h2>
+    {% set ada_kelas = grid|selectattr('kelas')|list|length > 0 %}
+    {% if ada_kelas %}
+    {% set semua_kelas = grid|map(attribute='kelas')|select|unique|sort|list %}
+    <div class="filter-baris">
+      <label for="filter-kelas">Tampilkan kelas:</label>
+      <select id="filter-kelas" style="width:auto">
+        <option value="">Semua</option>
+        {% for k in semua_kelas %}
+        <option value="{{ k }}">Kelas {{ k }}</option>
+        {% endfor %}
+      </select>
+      <span id="filter-kelas-info" class="keterangan" style="margin:0"></span>
+    </div>
+    {% endif %}
     <div class="gulir" style="max-height:480px;overflow-y:auto">
     <table class="grid">
       <thead>
@@ -103,17 +117,19 @@
           <th style="width:44px" class="tengah">No.</th>
           <th style="width:112px">NIM</th>
           <th style="min-width:150px">Nama</th>
+          {% if ada_kelas %}<th style="width:60px" class="tengah">Kelas</th>{% endif %}
           <th class="tengah" style="width:140px">Nilai (0–100)</th>
         </tr>
       </thead>
       <tbody>
         {% for m in grid %}
-        <tr>
+        <tr data-kelas="{{ m.kelas or '' }}">
           <td class="tengah">{{ loop.index }}
             <input type="hidden" name="nim_{{ loop.index0 }}" value="{{ m.nim }}">
             <input type="hidden" name="nama_{{ loop.index0 }}" value="{{ m.nama }}"></td>
           <td>{{ m.nim }}</td>
           <td>{{ m.nama }}</td>
+          {% if ada_kelas %}<td class="tengah">{{ m.kelas or '—' }}</td>{% endif %}
           <td class="isian"><input type="number" name="nilai_{{ loop.index0 }}"
             min="0" max="100" step="any"
             value="{{ '%g'|format(m.nilai_awal) if m.nilai_awal is not none else '' }}"></td>
@@ -129,6 +145,29 @@
     </div>
   </form>
 
+  {% if ada_kelas %}
+  <script>
+    (function () {
+      var pilih = document.getElementById('filter-kelas');
+      var info = document.getElementById('filter-kelas-info');
+      var baris = document.querySelectorAll('table.grid tbody tr[data-kelas]');
+
+      function perbarui() {
+        var v = pilih.value, n = 0;
+        baris.forEach(function (tr) {
+          var tampil = v === '' || tr.dataset.kelas === v;
+          tr.style.display = tampil ? '' : 'none';
+          if (tampil) n++;
+        });
+        info.textContent = v === '' ? '' : n + ' dari ' + baris.length + ' mahasiswa ditampilkan';
+      }
+
+      pilih.addEventListener('change', perbarui);
+      perbarui();
+    })();
+  </script>
+  {% endif %}
+
   {% if komponen.tugas %}
   <script>
     const BENTUK_TEMPLATE = {