Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Dashboard Layout Data Anak</title> | |
| <!-- ======= Styles ====== --> | |
| <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename= 'css/dashboard-layout-data-anak.css') }}"> | |
| </head> | |
| <body> | |
| <!-- =============== Navigation ================ --> | |
| <div class="container"> | |
| <div class="navigation"> | |
| <ul> | |
| <li> | |
| <a href="#"> | |
| <span class="icon"> | |
| <ion-icon name="people"></ion-icon> | |
| </span> | |
| <span class="title">{{ role }}</span> | |
| </a> | |
| </li> | |
| {% if role == "Admin" %} | |
| <li> | |
| <a href="{{ url_for('dashboard')}}"> | |
| <span class="icon"> | |
| <ion-icon name="home"></ion-icon> | |
| </span> | |
| <span class="title">Dashboard</span> | |
| </a> | |
| </li> | |
| <li class="menu-item"> | |
| <a href="{{ url_for('dashboard_layout_kategori') }}"> | |
| <span class="icon"> | |
| <ion-icon name="people-outline"></ion-icon> | |
| </span> | |
| <span class="title">Kategori</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_layout_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="accessibility"></ion-icon> | |
| </span> | |
| <span class="title">Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Input Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_admin') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Admin</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_kepala') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Kepala</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_bidan') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Bidan</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_kader') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Kader</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_add_data_kepala') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Tambah Akun Kepala</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_add_data_bidan') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Tambah Akun Bidan</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_add_data_kader') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Tambah Akun Kader</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('logout') }}"> | |
| <span class="icon"> | |
| <ion-icon name="log-out-outline"></ion-icon> | |
| </span> | |
| <span class="title">Sign Out</span> | |
| </a> | |
| </li> | |
| {% elif role == "Kepala" %} | |
| <li> | |
| <a href="{{ url_for('dashboard')}}"> | |
| <span class="icon"> | |
| <ion-icon name="home"></ion-icon> | |
| </span> | |
| <span class="title">Dashboard</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_kepala') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Kepala</span> | |
| </a> | |
| </li> | |
| <li class="menu-item"> | |
| <a href="{{ url_for('dashboard_layout_kategori') }}"> | |
| <span class="icon"> | |
| <ion-icon name="people-outline"></ion-icon> | |
| </span> | |
| <span class="title">Kategori</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_layout_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="accessibility"></ion-icon> | |
| </span> | |
| <span class="title">Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('logout') }}"> | |
| <span class="icon"> | |
| <ion-icon name="log-out-outline"></ion-icon> | |
| </span> | |
| <span class="title">Sign Out</span> | |
| </a> | |
| </li> | |
| {% elif role == "Bidan" %} | |
| <li> | |
| <a href="{{ url_for('dashboard_layout_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="accessibility"></ion-icon> | |
| </span> | |
| <span class="title">Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_bidan') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun Bidan</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('logout') }}"> | |
| <span class="icon"> | |
| <ion-icon name="log-out-outline"></ion-icon> | |
| </span> | |
| <span class="title">Sign Out</span> | |
| </a> | |
| </li> | |
| {% elif role == "Kader" %} | |
| <li> | |
| <a href="{{ url_for('dashboard_layout_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="accessibility"></ion-icon> | |
| </span> | |
| <span class="title">Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_anak') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Input Data Anak</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('dashboard_input_data_kader') }}"> | |
| <span class="icon"> | |
| <ion-icon name="person"></ion-icon> | |
| </span> | |
| <span class="title">Update Akun</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="{{ url_for('logout') }}"> | |
| <span class="icon"> | |
| <ion-icon name="log-out-outline"></ion-icon> | |
| </span> | |
| <span class="title">Sign Out</span> | |
| </a> | |
| </li> | |
| {% endif %} | |
| </ul> | |
| </div> | |
| <!-- ========================= Main ==================== --> | |
| <div class="main"> | |
| <div class="topbar"> | |
| <div class="toggle"> | |
| <ion-icon name=""></ion-icon> | |
| </div> | |
| <!-- <div class="search"> | |
| <label> | |
| <input type="text" placeholder="Search here"> | |
| <ion-icon name="search-outline"></ion-icon> | |
| </label> | |
| </div> --> | |
| <div class="detailsPuskesmas"> | |
| <a | |
| data-size="large" | |
| data-show-count="true" | |
| >{{ name }}</a | |
| > | |
| </div> | |
| </div> | |
| <!-- ================ Add Charts ================= --> | |
| <div class="graphBox" > | |
| <form method="post"> | |
| <div class="search-container"> | |
| <input type="text" placeholder="Cari..." class="search-input" name="cari-anak"> | |
| <button class="search-button" type="submit">Cari</button> | |
| </div> | |
| </form> | |
| {% if role in ["Admin", "Kepala"] %} | |
| <form method="post", action="{{url_for("dashboard_layout_data_anak_export_csv")}}"> | |
| <div class="search-container"> | |
| <button class="search-button" type="submit">Export CSV</button> | |
| </div> | |
| </form> | |
| {% endif %} | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Nomor</th> | |
| <th>Nama Lengkap</th> | |
| <th>Tanggal Lahir</th> | |
| <th>Berat Badan (kg)</th> | |
| <th>IMT</th> | |
| <th>Usia (Tahun)</th> | |
| <th>Jenis Kelamin</th> | |
| <th>Tinggi Badan (cm)</th> | |
| <th>Details</th> | |
| {% if role in ["Admin", "Bidan", "Kader"] %} | |
| <th>Update Balita</th> | |
| {% endif %} | |
| {% if role == "Bidan" %} | |
| <th>Test</th> | |
| {% endif %} | |
| {% if role == "Admin" %} | |
| <th>Delete Balita</th> | |
| {% endif %} | |
| {% if role == "Kepala" %} | |
| <th>Hasil Pemeriksaan</th> | |
| {% endif %} | |
| </tr> | |
| </thead> | |
| <tbody> | |
| {% for data in data_users %} | |
| <tr> | |
| <td>{{loop.index}}</td> | |
| <td>{{data.nama_lengkap}}</td> | |
| <td>{{data.tanggal_lahir}}</td> | |
| <td>{{data.berat_badan_dalam_bentuk_kg}}</td> | |
| <td>{{data.imt}}</td> | |
| <td>{{data.usia_dalam_bentuk_bulan}}</td> | |
| <td>{{data.jenis_kelamin}}</td> | |
| <td>{{data.tinggi_badan_dalam_bentuk_cm}}</td> | |
| <td> | |
| <button> | |
| <a | |
| href="/balita/{{ data.uuid }}" | |
| class="details-button" | |
| > | |
| Details | |
| </a> | |
| </button> | |
| </td> | |
| {% if role == "Kepala" %} | |
| <td>{{ data.detail_konklusi|replace('[', '')|replace(']', '')|replace("'", '') }}</td> | |
| {% endif %} | |
| <td> | |
| {% if role in ["Admin", "Bidan", "Kader"] %} | |
| <button> | |
| <a | |
| href="/update-balita/{{ data.id }}" | |
| class="details-button" | |
| > | |
| Update | |
| </a> | |
| </button> | |
| {% endif %} | |
| </td> | |
| {% if role == "Bidan" and data.p01 == "Belum Periksa" %} | |
| <td> | |
| <button> | |
| <a | |
| href="/test-obesitas/{{ data.uuid }}" | |
| class="details-button" | |
| > | |
| Test | |
| </a> | |
| </button> | |
| </td> | |
| {% endif %} | |
| {% if role == "Admin" %} | |
| <td> | |
| <button> | |
| <a | |
| href="/delete-balita/{{ data.id }}" | |
| class="details-button" | |
| > | |
| Delete Balita | |
| </a> | |
| </button> | |
| </td> | |
| {% endif %} | |
| </tr> | |
| {% endfor %} | |
| <!-- Tambahkan baris lain sesuai dengan data yang Anda miliki --> | |
| </tbody> | |
| </table> | |
| </table> | |
| </div> | |
| </div> | |
| <!-- =========== Scripts ========= --> | |
| <!-- ====== ionicons ======= --> | |
| <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> | |
| <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> | |
| <!-- chart js link --> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| <script> | |
| const ctx = document.getElementById('myChart'); | |
| new Chart(ctx, { | |
| type: 'polarArea', | |
| data: { | |
| labels: ['Laki - laki', 'Perempuan',], | |
| datasets: [{ | |
| label: 'Data Yang Masuk', | |
| data: [125, 45], | |
| backgroundColor: [ | |
| 'rgba(255, 99, 132, 0.2)', | |
| 'rgba(54, 162, 235, 0.2)', | |
| 'rgba(255, 206, 86, 0.2)', | |
| 'rgba(75, 192, 192, 0.2)', | |
| 'rgba(153, 102, 255, 0.2)', | |
| 'rgba(255, 159, 64, 0.2)' | |
| ], | |
| borderColor: [ | |
| 'rgba(255, 99, 132, 1)', | |
| 'rgba(54, 162, 235, 1)', | |
| 'rgba(255, 206, 86, 1)', | |
| 'rgba(75, 192, 192, 1)', | |
| 'rgba(153, 102, 255, 1)', | |
| 'rgba(255, 159, 64, 1)' | |
| ], | |
| borderWidth: 1 | |
| }] | |
| }, | |
| options: { | |
| scales: { | |
| y: { | |
| beginAtZero: true | |
| } | |
| } | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |