File Manager

✏️ Edit File: /home/rsukartini.com/rs/app/Views/backend/it.php

<?= $this->include('dashboard/headeradmin') ?>
  <div class="main-content">
    
   <?= $this->include('dashboard/menuatasadmin') ?>
    
    
    <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
      <div class="container-fluid">
        <div class="header-body">
          
          <div class="row">
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Jumlah User</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_user ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-info text-white rounded-circle shadow">
                        <i class="fas fa-users"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Jumlah Ruangan</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_ruangan ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-success text-white rounded-circle shadow">
                        <i class="fas fa-door-open"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Jumlah Barang</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_barang ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
                        <i class="fas fa-box"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <div class="row mt-4">
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Tiket Menunggu</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_menunggu ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-secondary text-white rounded-circle shadow">
                        <i class="fas fa-hourglass-half"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Tiket Diproses</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_diproses ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                        <i class="fas fa-sync-alt"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Tiket Selesai</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_selesai ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-success text-white rounded-circle shadow">
                        <i class="fas fa-check"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <div class="row mt-4">
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Diperbaiki</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_diperbaiki ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-info text-white rounded-circle shadow">
                        <i class="fas fa-tools"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Service Center</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_service ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
                        <i class="fas fa-truck"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Rusak Total</h5>
                      <span class="h2 font-weight-bold mb-0"><?= $jumlah_rusak ?></span>
                    </div>
                    <div class="col-auto">
                      <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                        <i class="fas fa-times-circle"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          
        </div>
      </div>
    </div>
    <div class="container-fluid mt--7">
      <div class="row">
        <div class="col-xl-12 mb-5 mb-xl-0">
          <div class="card bg-gradient-default shadow">
            <div class="card-header bg-transparent">
              <div class="row align-items-center">
                <div class="col">
                  <h6 class="text-uppercase text-light ls-1 mb-1">Overview</h6>
                  <h2 class="text-white mb-0">Grafik Tiket per Bulan</h2>
                </div>
              </div>
            </div>
            <div class="card-body">
              
              <div class="chart">
                
                <canvas id="chart-orders" class="chart-canvas"></canvas>
              </div>
            </div>
          </div>
        </div>
       
        </div>
      </div>

<?= $this->include('dashboard/footeradmin') ?>
    </div>
  </div>
  <?= $this->include('dashboard/jsadmin') ?>
<script>
$(function() {
  if (window.Chart && $('#chart-orders').length) {
    var chart = $('#chart-orders').data('chart');
    if (chart) {
      chart.data.labels = <?= $grafik_labels ?>;
      chart.data.datasets[0].data = <?= $grafik_data ?>;
      chart.data.datasets[0].label = 'Jumlah Tiket';
      chart.update();
    } else {
      var ctx = document.getElementById('chart-orders').getContext('2d');
      var ordersChart = new Chart(ctx, {
        type: 'bar',
        data: {
          labels: <?= $grafik_labels ?>,
          datasets: [{
            label: 'Jumlah Tiket',
            data: <?= $grafik_data ?>,
            backgroundColor: 'rgba(54, 162, 235, 0.5)',
            borderColor: 'rgba(54, 162, 235, 1)',
            borderWidth: 1
          }]
        },
        options: {
          responsive: true,
          scales: {
            yAxes: [{
              gridLines: { lineWidth: 1, color: '#dfe2e6', zeroLineColor: '#dfe2e6' },
              ticks: { callback: function(value) { if (!(value % 10)) { return value } } }
            }]
          },
          tooltips: {
            callbacks: {
              label: function(item, data) {
                var label = data.datasets[item.datasetIndex].label || '';
                var yLabel = item.yLabel;
                var content = '';
                if (data.datasets.length > 1) {
                  content += '<span class="popover-body-label mr-auto">' + label + '</span>';
                }
                content += '<span class="popover-body-value">' + yLabel + '</span>';
                return content;
              }
            }
          }
        }
      });
      $('#chart-orders').data('chart', ordersChart);
    }
  }
});
</script>

Batal

⬅ Naik ke Views 26 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁berita	dir	—	2026-01-31 03:10	📂 Buka
📁checkerboard_carousel	dir	—	2026-01-31 03:10	📂 Buka
📁dokter	dir	—	2026-01-31 03:10	📂 Buka
📁download	dir	—	2026-01-31 03:10	📂 Buka
📁faq	dir	—	2026-01-31 03:10	📂 Buka
📁fasilitas	dir	—	2026-01-31 03:10	📂 Buka
📁galeri	dir	—	2026-01-31 03:10	📂 Buka
📁halaman	dir	—	2026-01-31 03:10	📂 Buka
📁kategori	dir	—	2026-01-31 03:10	📂 Buka
📁kategori_download	dir	—	2026-01-31 03:10	📂 Buka
📁menu_frontend	dir	—	2026-05-31 07:38	📂 Buka
📁pesan_kontak	dir	—	2026-01-31 03:10	📂 Buka
📁profil	dir	—	2026-01-31 03:10	📂 Buka
📁profile	dir	—	2026-01-31 03:10	📂 Buka
📁slide	dir	—	2026-01-31 03:10	📂 Buka
📁stats	dir	—	2026-01-31 03:10	📂 Buka
📁sub_kategori_download	dir	—	2026-01-31 03:10	📂 Buka
📁user	dir	—	2026-01-31 03:10	📂 Buka
🐘admin.php	php	19.8 KB	2025-07-16 00:26	✏️ Edit 👁️ View
🐘footeradmin.php	php	426 B	2025-07-01 09:54	✏️ Edit 👁️ View
🐘headeradmin.php	php	11.9 KB	2026-05-31 07:03	✏️ Edit 👁️ View
🐘it.php	php	10 KB	2025-07-01 10:24	✏️ Edit 👁️ View
🐘jsadmin.php	php	1.1 KB	2025-07-14 03:22	✏️ Edit 👁️ View
🐘menuatasadmin.php	php	2.8 KB	2025-07-14 06:39	✏️ Edit 👁️ View
🐘ruangan.php	php	10 KB	2025-07-01 10:24	✏️ Edit 👁️ View
🐘user.php	php	18 KB	2025-07-27 14:00	✏️ Edit 👁️ View