update

static/js/app.js

@@ -49,79 +49,3 @@ sidePanelClose.addEventListener("click", (e) => {
 sidePanelDrop.addEventListener("click", (e) => {
   sidePanelToggler.click();
 });
-
-window.chartColors = {
-  green: "#75c181",
-  blue: "#5b99ea",
-  gray: "#a9b5c9",
-  yellow: "#f1c40f",
-  text: "#252930",
-  border: "#e7e9ed",
-};
-
-function initChart(keys, values) {
-  var doughnutChartConfig = {
-    type: "doughnut",
-    data: {
-      datasets: [
-        {
-          data: values,
-          backgroundColor: [
-            window.chartColors.green,
-            window.chartColors.blue,
-            window.chartColors.grey,
-            window.chartColors.yellow,
-          ],
-          label: "Hasil",
-        },
-      ],
-      labels: keys,
-    },
-    options: {
-      responsive: true,
-      legend: {
-        display: true,
-        position: "bottom",
-        align: "center",
-      },
-
-      tooltips: {
-        titleMarginBottom: 10,
-        bodySpacing: 10,
-        xPadding: 16,
-        yPadding: 16,
-        borderColor: window.chartColors.border,
-        borderWidth: 1,
-        backgroundColor: "#fff",
-        bodyFontColor: window.chartColors.text,
-        titleFontColor: window.chartColors.text,
-
-        animation: {
-          animateScale: true,
-          animateRotate: true,
-        },
-
-        callbacks: {
-          label: function (tooltipItem, data) {
-            var dataset = data.datasets[tooltipItem.datasetIndex];
-            var total = dataset.data.reduce(function (
-              previousValue,
-              currentValue,
-              currentIndex,
-              array
-            ) {
-              return previousValue + currentValue;
-            });
-
-            var currentValue = dataset.data[tooltipItem.index];
-            var percentage = Math.floor((currentValue / total) * 100 + 0.5);
-
-            return percentage + "%";
-          },
-        },
-      },
-    },
-  };
-
-  return doughnutChartConfig;
-}

templates/auth/sign_up.html

@@ -14,13 +14,13 @@ block content %}
   </div>
 
   <div class="email mb-3">
-    <label class="sr-only" for="email">Email</label>
+    <label class="sr-only" for="email">Email Politeknik Negeri Jakarta</label>
     <input
       id="email"
       name="email"
       type="email"
       class="form-control email"
-      placeholder="Masukkan email Anda"
+      placeholder="Masukkan email Politeknik Negeri Jakarta"
       required="required"
     />
   </div>

templates/dashboard/base.html

@@ -320,9 +320,7 @@
       }
     </script>
 
-    <script src="{{ url_for('static', filename='plugins/chart.js/chart.min.js') }}"></script>
     <script src="{{ url_for('static', filename='js/app.js') }}"></script>
-
     {% block script %}{% endblock script %}
   </body>
 </html>

templates/dashboard/classifier.html

@@ -247,7 +247,7 @@ title %} {% block content %}
 
 <hr class="my-4" />
 
-<div class="row g-4 settings-section d-none" id="hasil">
+<div class="row g-3 settings-section justify-content-center d-none" id="hasil">
   <div class="col-12">
     <h3 class="section-title">Hasil</h3>
   </div>
@@ -256,7 +256,7 @@ title %} {% block content %}
       <div class="app-card-header p-3">
         <div class="row justify-content-between align-items-center">
           <div class="col-auto">
-            <h4 class="app-card-title">Skor</h4>
+            <h4 class="app-card-title">Skor Klasifikasi</h4>
           </div>
         </div>
         <!--//row-->
@@ -280,28 +280,6 @@ title %} {% block content %}
     </div>
     <!--//app-card-->
   </div>
-  <div class="col-12 col-lg-6">
-    <div class="app-card app-card-chart h-100 shadow-sm">
-      <div class="app-card-header p-3 border-0">
-        <h4 class="app-card-title">Grafik</h4>
-      </div>
-      <div class="app-card-body pb-2">
-        <div class="chart-container">
-          <div class="chartjs-size-monitor">
-            <div class="chartjs-size-monitor-expand"><div class=""></div></div>
-            <div class="chartjs-size-monitor-shrink"><div class=""></div></div>
-          </div>
-          <canvas
-            id="chart-doughnut"
-            style="display: block; width: 454px; height: 227px"
-            width="384"
-            height="157"
-            class="chartjs-render-monitor"
-          ></canvas>
-        </div>
-      </div>
-    </div>
-  </div>
 
   <div class="col-12 mt-5 text-center">
     <h3 class="section-title">
@@ -440,13 +418,6 @@ title %} {% block content %}
           isFirstRow = false;
         });
 
-        var doughnutChart = $("#chart-doughnut")[0].getContext("2d");
-
-        window.myDoughnut = new Chart(
-          doughnutChart,
-          initChart(Object.keys(probs), Object.values(probs))
-        );
-
         $("#kbk").text(response["message"]["kbk"]);
 
         $("#lecturers").empty();
@@ -494,7 +465,7 @@ title %} {% block content %}
             `<div class="app-card app-card-notification shadow-sm mb-4">
               <div class="app-card-header px-4 py-3">
                 <div class="row g-3 align-items-center">
-                  <div class="col-12 col-lg-auto text-center text-lg-start">
+                  <div class="col-12 col-lg-auto text-start">
                     <div class="notification-type mb-3">
                       <span class="badge" style="background-color: #128c9b"
                         >Rank #${topSimilarity[index]["rank"]}</span

views/auth.py

@@ -24,6 +24,10 @@ def sign_up():
             flash(('Pendaftaran Gagal', 'Semua isian harus diisi'), 'error')
             return render_template('auth/sign_up.html')
         
+        if not email.endswith('pnj.ac.id'):
+            flash(('Pendaftaran Gagal', 'Harus menggunakan email Politeknik Negeri Jakarta'), 'error')
+            return render_template('auth/sign_up.html')
+        
         if password != confirm_password:
             flash(('Pendaftaran Gagal', 'Password dan konfirmasi password tidak sama'), 'error')
             return render_template('auth/sign_up.html')