Hugging Face's logo

Spaces:
ahmadardhy
/
Aplikasi_Prediksi_Data_Kandidat
Sleeping

App Files Community
ahmadardhy commited on
Commit
87e4830
•
1 Parent(s): e1963a4

Update templates/view_tabel.html

Browse files
Files changed (1) hide show
  1. templates/view_tabel.html +133 -133
templates/view_tabel.html CHANGED
@@ -1,134 +1,134 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <!-- Judul Halaman -->
6
- <title>Halaman Record Calon Kandidat - Aplikasi Klasifikasi Calon Kandidat Outsourcing TOGI</title>
7
-
8
- <!-- Meta Tags -->
9
- <meta charset="utf-8">
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
11
-
12
- <!-- Favicon -->
13
- <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
14
-
15
- <!-- DataTables CSS -->
16
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
17
-
18
- <!-- Bootstrap CSS -->
19
- <link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap.min.css') }}" type="text/css">
20
-
21
- <!-- Custom CSS -->
22
- <link rel="stylesheet" href="{{ url_for('static', filename='/css/client_side.css') }}" type="text/css">
23
-
24
- <!-- jQuery -->
25
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
26
- <script src="{{ url_for('static', filename='/js/jquery_3.6.0.min.js') }}"></script>
27
-
28
- <!-- Popper.js -->
29
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
30
-
31
- <!-- Bootstrap JavaScript -->
32
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
33
- <script src="{{ url_for('static', filename='/js/bootstrap_3.4.1.min.js') }}"></script>
34
-
35
- <!-- DataTables JavaScript -->
36
- <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
37
-
38
- <!-- Custom JavaScript -->
39
- <script src="{{ url_for('static', filename='/js/client_side.js') }}"></script>
40
- </head>
41
-
42
-
43
- <body id="halamanku" data-spy="scroll" data-target=".navbar" data-offset="60">
44
- <!-- Navigation Bar -->
45
- <nav class="navbar navbar-default navbar-fixed-top">
46
- <div class="container">
47
- <!-- Logo -->
48
- <div class="navbar-header">
49
- <a class="navbar-brand" href="/">
50
- <img src="{{ url_for('static', filename='/images/Logo-TOG-Indonesia.png') }}" alt="TOG Indonesia Logo" class="logo-img">
51
- </a>
52
- </div>
53
-
54
- <!-- Daftar Halaman -->
55
- <div class="nav navbar-nav navbar-right">
56
- <li><a href="{{ url_for('beranda') }}">INFORMASI</a></li>
57
- <li><a href="{{ url_for('apiDeteksi') }}">APLIKASI</a></li>
58
- <li><a href="{{ url_for('view_tabel') }}">RECORD KANDIDAT</a></li>
59
- </div>
60
- </div>
61
- </nav>
62
-
63
- <!-- Bagian Halaman (View Tabel) -->
64
- <div id="view" class="container-fluid">
65
- <br>
66
- <h2>Record Data Calon Kandidat Outsourcing TOG Indonesia</h2>
67
- <table id="data-table" class="table table-striped table-bordered" style="width:100%">
68
- <thead>
69
- <tr>
70
- <th>Nama</th>
71
- <th>Usia</th>
72
- <th>Pendidikan</th>
73
- <th>Lama Pengalaman</th>
74
- <th>Kesesuaian Skill</th>
75
- <th>Kesesuaian Pengalaman</th>
76
- <th>Posisi Harapan</th>
77
- <th>Hasil Prediksi</th>
78
- </tr>
79
- </thead>
80
- <tbody>
81
- {% for row in data_tabel %}
82
- <tr>
83
- <td>{{ row.nama }}</td>
84
- <td>{{ row.usia }}</td>
85
- <td>{{ row.pendidikan }}</td>
86
- <td>{{ row.lama_pengalaman }}</td>
87
- <td>{{ row.kesesuaian_posisi_dg_skills }}</td>
88
- <td>{{ row.kesesuaian_posisi_dg_pengalaman }}</td>
89
- <td>{{ row.posisi_harapan }}</td>
90
- <td>{{ row.hasil_prediksi }}</td>
91
- </tr>
92
- {% endfor %}
93
- </tbody>
94
- </table>
95
- </div>
96
-
97
-
98
-
99
- <!-- Footer -->
100
- <footer class="container-fluid text-center">
101
- <!-- Button to scroll to top -->
102
- <button id="scrollToTopBtn" class="btn btn-default" title="To Top">
103
- <span class="glyphicon glyphicon-chevron-up"></span>
104
- </button>
105
-
106
- <p> Copyright : Ahmad Ardhy Ansyah <br></p>
107
- </footer>
108
-
109
- <!-- JavaScript untuk Animasi Scroll dan Prediksi Model -->
110
- <script src="{{ url_for('static', filename='js/client_side.js') }}"></script>
111
- <!-- JavaScript for scrolling to top -->
112
- <script>
113
- // Wait for the document to be ready
114
- $(document).ready(function () {
115
- // Attach click event handler to the button
116
- $("#scrollToTopBtn").click(function () {
117
- // Scroll to the top of the page
118
- $("html, body").animate({ scrollTop: 0 }, "slow");
119
- });
120
- });
121
- </script>
122
- <script>
123
- $(document).ready(function () {
124
- // Initialize DataTable
125
- $('#data-table').DataTable({
126
- // Add any additional options you need
127
- // Example: "paging": false, "searching": false, "info": false
128
- });
129
- });
130
- </script>
131
-
132
- </body>
133
-
134
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Judul Halaman -->
6
+ <title>Halaman Record Calon Kandidat - Aplikasi Klasifikasi Calon Kandidat Outsourcing TOGI</title>
7
+
8
+ <!-- Meta Tags -->
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1">
11
+
12
+ <!-- Favicon -->
13
+ <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
14
+
15
+ <!-- DataTables CSS -->
16
+ <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
17
+
18
+ <!-- Bootstrap CSS -->
19
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" type="text/css">
20
+
21
+ <!-- Custom CSS -->
22
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/client_side.css') }}" type="text/css">
23
+
24
+ <!-- jQuery -->
25
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
26
+ <script src="{{ url_for('static', filename='js/jquery_3.6.0.min.js') }}"></script>
27
+
28
+ <!-- Popper.js -->
29
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
30
+
31
+ <!-- Bootstrap JavaScript -->
32
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
33
+ <script src="{{ url_for('static', filename='js/bootstrap_3.4.1.min.js') }}"></script>
34
+
35
+ <!-- DataTables JavaScript -->
36
+ <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
37
+
38
+ <!-- Custom JavaScript -->
39
+ <script src="{{ url_for('static', filename='js/client_side.js') }}"></script>
40
+ </head>
41
+
42
+
43
+ <body id="halamanku" data-spy="scroll" data-target=".navbar" data-offset="60">
44
+ <!-- Navigation Bar -->
45
+ <nav class="navbar navbar-default navbar-fixed-top">
46
+ <div class="container">
47
+ <!-- Logo -->
48
+ <div class="navbar-header">
49
+ <a class="navbar-brand" href="/">
50
+ <img src="{{ url_for('static', filename='/images/Logo-TOG-Indonesia.png') }}" alt="TOG Indonesia Logo" class="logo-img">
51
+ </a>
52
+ </div>
53
+
54
+ <!-- Daftar Halaman -->
55
+ <div class="nav navbar-nav navbar-right">
56
+ <li><a href="{{ url_for('beranda') }}">INFORMASI</a></li>
57
+ <li><a href="{{ url_for('apiDeteksi') }}">APLIKASI</a></li>
58
+ <li><a href="{{ url_for('view_tabel') }}">RECORD KANDIDAT</a></li>
59
+ </div>
60
+ </div>
61
+ </nav>
62
+
63
+ <!-- Bagian Halaman (View Tabel) -->
64
+ <div id="view" class="container-fluid">
65
+ <br>
66
+ <h2>Record Data Calon Kandidat Outsourcing TOG Indonesia</h2>
67
+ <table id="data-table" class="table table-striped table-bordered" style="width:100%">
68
+ <thead>
69
+ <tr>
70
+ <th>Nama</th>
71
+ <th>Usia</th>
72
+ <th>Pendidikan</th>
73
+ <th>Lama Pengalaman</th>
74
+ <th>Kesesuaian Skill</th>
75
+ <th>Kesesuaian Pengalaman</th>
76
+ <th>Posisi Harapan</th>
77
+ <th>Hasil Prediksi</th>
78
+ </tr>
79
+ </thead>
80
+ <tbody>
81
+ {% for row in data_tabel %}
82
+ <tr>
83
+ <td>{{ row.nama }}</td>
84
+ <td>{{ row.usia }}</td>
85
+ <td>{{ row.pendidikan }}</td>
86
+ <td>{{ row.lama_pengalaman }}</td>
87
+ <td>{{ row.kesesuaian_posisi_dg_skills }}</td>
88
+ <td>{{ row.kesesuaian_posisi_dg_pengalaman }}</td>
89
+ <td>{{ row.posisi_harapan }}</td>
90
+ <td>{{ row.hasil_prediksi }}</td>
91
+ </tr>
92
+ {% endfor %}
93
+ </tbody>
94
+ </table>
95
+ </div>
96
+
97
+
98
+
99
+ <!-- Footer -->
100
+ <footer class="container-fluid text-center">
101
+ <!-- Button to scroll to top -->
102
+ <button id="scrollToTopBtn" class="btn btn-default" title="To Top">
103
+ <span class="glyphicon glyphicon-chevron-up"></span>
104
+ </button>
105
+
106
+ <p> Copyright : Ahmad Ardhy Ansyah <br></p>
107
+ </footer>
108
+
109
+ <!-- JavaScript untuk Animasi Scroll dan Prediksi Model -->
110
+ <script src="{{ url_for('static', filename='js/client_side.js') }}"></script>
111
+ <!-- JavaScript for scrolling to top -->
112
+ <script>
113
+ // Wait for the document to be ready
114
+ $(document).ready(function () {
115
+ // Attach click event handler to the button
116
+ $("#scrollToTopBtn").click(function () {
117
+ // Scroll to the top of the page
118
+ $("html, body").animate({ scrollTop: 0 }, "slow");
119
+ });
120
+ });
121
+ </script>
122
+ <script>
123
+ $(document).ready(function () {
124
+ // Initialize DataTable
125
+ $('#data-table').DataTable({
126
+ // Add any additional options you need
127
+ // Example: "paging": false, "searching": false, "info": false
128
+ });
129
+ });
130
+ </script>
131
+
132
+ </body>
133
+
134
  </html>