From 6065671f51918ff873231fde3c4b3b9ba4ede610 Mon Sep 17 00:00:00 2001
From: nanda443 <nandanurikhsan443@gmail.com>
Date: Mon, 29 Jul 2024 09:19:29 +0700
Subject: [PATCH] fix ui halaman guru dan petugas

---
 app/Views/admin/data/data-guru.php       | 59 +++++++++++++-----------
 app/Views/admin/petugas/data-petugas.php | 58 ++++++++++++-----------
 2 files changed, 63 insertions(+), 54 deletions(-)

diff --git a/app/Views/admin/data/data-guru.php b/app/Views/admin/data/data-guru.php
index 6c05569..15d245f 100644
--- a/app/Views/admin/data/data-guru.php
+++ b/app/Views/admin/data/data-guru.php
@@ -14,39 +14,44 @@
                   </div>
                </div>
             <?php endif; ?>
-            <div class="card">
-               <div class="card-header card-header-tabs card-header-success">
-                  <div class="nav-tabs-navigation">
-                     <div class="row">
-                        <div class="col">
-                           <h4 class="card-title"><b>Daftar Guru</b></h4>
-                           <p class="card-category">Angkatan <?= $generalSettings->school_year; ?></p>
-                        </div>
-                        <div class="col-auto">
-                           <div class="nav-tabs-wrapper">
-                              <ul class="nav nav-tabs" data-tabs="tabs">
-                                 <li class="nav-item">
-                                    <a class="nav-link" id="tabBtn" onclick="removeHover()" href="<?= base_url('admin/guru/create'); ?>">
-                                       <i class="material-icons">add</i> Tambah data guru
-                                       <div class="ripple-container"></div>
-                                    </a>
-                                 </li>
-                                 <li class="nav-item">
-                                    <a class="nav-link" id="refreshBtn" onclick="getDataGuru()" href="#" data-toggle="tab">
-                                       <i class="material-icons">refresh</i> Refresh
-                                       <div class="ripple-container"></div>
-                                    </a>
-                                 </li>
-                              </ul>
+            <div class="row">
+               <div class="col-12 col-xl-12">
+                  <div class="card">
+                     <div class="card-header card-header-tabs card-header-success">
+                        <div class="nav-tabs-navigation">
+                           <div class="row">
+                              <div class="col-md-4 col-lg-5">
+                                 <h4 class="card-title"><b>Daftar Guru</b></h4>
+                                 <p class="card-category">Angkatan <?= $generalSettings->school_year; ?></p>
+                              </div>
+                              <div class="ml-md-auto col-auto row">
+                                 <div class="col-12 col-sm-auto nav nav-tabs">
+                                    <div class="nav-item">
+                                       <a class="nav-link" id="tabBtn" onclick="removeHover()" href="<?= base_url('admin/guru/create'); ?>">
+                                          <i class="material-icons">add</i> Tambah data guru
+                                          <div class="ripple-container"></div>
+                                       </a>
+                                    </div>
+                                 </div>
+                                 <div class="col-12 col-sm-auto nav nav-tabs">
+                                    <div class="nav-item">
+                                       <a class="nav-link" id="refreshBtn" onclick="getDataGuru()" href="#" data-toggle="tab">
+                                          <i class="material-icons">refresh</i> Refresh
+                                          <div class="ripple-container"></div>
+                                       </a>
+                                    </div>
+                                 </div>
+                              </div>
                            </div>
                         </div>
                      </div>
+                     <div id="dataGuru">
+                        <p class="text-center mt-3">Daftar guru muncul disini</p>
+                     </div>
                   </div>
                </div>
-               <div id="dataGuru">
-                  <p class="text-center mt-3">Daftar guru muncul disini</p>
-               </div>
             </div>
+
          </div>
       </div>
    </div>
diff --git a/app/Views/admin/petugas/data-petugas.php b/app/Views/admin/petugas/data-petugas.php
index 8482c88..ea72da6 100644
--- a/app/Views/admin/petugas/data-petugas.php
+++ b/app/Views/admin/petugas/data-petugas.php
@@ -14,38 +14,42 @@
                   </div>
                </div>
             <?php endif; ?>
-            <div class="card">
-               <div class="card-header card-header-tabs card-header-info">
-                  <div class="nav-tabs-navigation">
-                     <div class="row">
-                        <div class="col">
-                           <h4 class="card-title"><b>Daftar Petugas</b></h4>
-                           <p class="card-category">Petugas absensi</p>
-                        </div>
-                        <div class="col-auto">
-                           <div class="nav-tabs-wrapper">
-                              <ul class="nav nav-tabs" data-tabs="tabs">
-                                 <li class="nav-item">
-                                    <a class="nav-link" id="tabBtn" onclick="removeHover();" href="<?= base_url('admin/petugas/register'); ?>">
-                                       <i class="material-icons">add</i> Tambah data petugas
-                                       <div class="ripple-container"></div>
-                                    </a>
-                                 </li>
-                                 <li class="nav-item">
-                                    <a class="nav-link" id="refreshBtn" onclick="getDataPetugas()" href="#" data-toggle="tab">
-                                       <i class="material-icons">refresh</i> Refresh
-                                       <div class="ripple-container"></div>
-                                    </a>
-                                 </li>
-                              </ul>
+            <div class="row">
+               <div class="col-12 col-xl-12">
+                  <div class="card">
+                     <div class="card-header card-header-tabs card-header-info">
+                        <div class="nav-tabs-navigation">
+                           <div class="row">
+                              <div class="col-md-4 col-lg-5">
+                                 <h4 class="card-title"><b>Daftar Petugas</b></h4>
+                                 <p class="card-category">Petugas absensi</p>
+                              </div>
+                              <div class="ml-md-auto col-auto row">
+                                 <div class="col-12 col-sm-auto nav nav-tabs">
+                                    <div class="nav-item">
+                                       <a class="nav-link" id="tabBtn" onclick="removeHover();" href="<?= base_url('admin/petugas/register'); ?>">
+                                          <i class="material-icons">add</i> Tambah data petugas
+                                          <div class="ripple-container"></div>
+                                       </a>
+                                    </div>
+                                 </div>
+                                 <div class="col-12 col-sm-auto nav nav-tabs">
+                                    <div class="nav-item">
+                                       <a class="nav-link" id="refreshBtn" onclick="getDataPetugas()" href="#" data-toggle="tab">
+                                          <i class="material-icons">refresh</i> Refresh
+                                          <div class="ripple-container"></div>
+                                       </a>
+                                    </div>
+                                 </div>
+                              </div>
                            </div>
                         </div>
                      </div>
+                     <div id="dataPetugas">
+                        <p class="text-center mt-3">Daftar petugas muncul disini</p>
+                     </div>
                   </div>
                </div>
-               <div id="dataPetugas">
-                  <p class="text-center mt-3">Daftar petugas muncul disini</p>
-               </div>
             </div>
          </div>
       </div>