update
parent
3529cc882e
commit
d8c0eb28f8
|
@ -2,20 +2,82 @@
|
||||||
content: " *";
|
content: " *";
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
.menu-item > .menu-link.active > .menu-text{
|
||||||
|
color: #4796F1!important;
|
||||||
|
font-weight: 700!important;
|
||||||
|
}
|
||||||
|
.menu-item > .menu-link.active > .menu-icon{
|
||||||
|
color: #4796F1!important;
|
||||||
|
}
|
||||||
|
.menu .menu-item .menu-link:is(:hover, :focus){
|
||||||
|
color: #4796F1!important;
|
||||||
|
}
|
||||||
|
.gridjs-tr > th{
|
||||||
|
color :#4796F1!important;
|
||||||
|
border-width:1px;
|
||||||
|
border-color: rgba(71, 150, 241, 0.05)!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridjs-td{
|
||||||
|
border-width:1px;
|
||||||
|
border-color: #F3F4F6!important;
|
||||||
|
}
|
||||||
|
.bg-danger{
|
||||||
|
background-color: #cc3437!important;
|
||||||
|
}
|
||||||
|
.bg-danger-light{
|
||||||
|
background-color: rgba(184, 20, 23, 0.1)!important;
|
||||||
|
}
|
||||||
|
.border-top-danger{
|
||||||
|
border-top: 5px solid #cc3437!important;
|
||||||
|
}
|
||||||
|
.bg-white{
|
||||||
|
background: #fff!important;
|
||||||
|
}
|
||||||
.bg-primary{
|
.bg-primary{
|
||||||
background-color: #4d77da!important;
|
background-color: #4796F1!important;
|
||||||
|
}
|
||||||
|
.text-primary{
|
||||||
|
color :#4796F1!important;
|
||||||
|
}
|
||||||
|
.bg-primary-light{
|
||||||
|
background: rgba(71, 150, 241, 0.05)!important;
|
||||||
}
|
}
|
||||||
.bg-warning{
|
.bg-warning{
|
||||||
background-color: #e8bf44!important;
|
background-color: #E2B100!important;
|
||||||
|
}
|
||||||
|
.border-top-warning{
|
||||||
|
border-top: 5px solid #E2B100!important;
|
||||||
|
}
|
||||||
|
.bg-warning-light{
|
||||||
|
background-color: rgba(226, 177, 0, 0.1)!important;
|
||||||
}
|
}
|
||||||
.bg-success{
|
.bg-success{
|
||||||
background-color: #2dad62!important;
|
background-color: #14B8A6!important;
|
||||||
|
}
|
||||||
|
.bg-success-light{
|
||||||
|
background-color: rgba(204, 251, 241, 1);
|
||||||
}
|
}
|
||||||
.bg-info{
|
.bg-info{
|
||||||
background-color: #483AA0!important;
|
background-color: #7260e2!important;
|
||||||
|
}
|
||||||
|
.border-top-info{
|
||||||
|
border-top: 5px solid #7260e2!important;
|
||||||
}
|
}
|
||||||
.bg-info-light{
|
.bg-info-light{
|
||||||
|
background-color: #b5acee!important;
|
||||||
|
}
|
||||||
|
.text-info{
|
||||||
|
color: #7260e2!important;
|
||||||
|
}
|
||||||
|
.text-warning{
|
||||||
|
color: #E2B100!important;
|
||||||
|
}
|
||||||
|
/* .bg-info-light{
|
||||||
background-color: #7965C1!important;
|
background-color: #7965C1!important;
|
||||||
|
} */
|
||||||
|
.border-top-success{
|
||||||
|
border-top: 5px solid #14B8A6!important;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Poppins';
|
font-family: 'Poppins';
|
||||||
|
@ -45,7 +107,7 @@ body,h1,h2,h3,h4,h5,h6,p {
|
||||||
--bs-indigo: #6610f2;
|
--bs-indigo: #6610f2;
|
||||||
--bs-purple: #6f42c1;
|
--bs-purple: #6f42c1;
|
||||||
--bs-pink: #d63384;
|
--bs-pink: #d63384;
|
||||||
--bs-red: #dc3545;
|
--bs-red: #cc3437;
|
||||||
--bs-orange: #fd7e14;
|
--bs-orange: #fd7e14;
|
||||||
--bs-yellow: #ffc107;
|
--bs-yellow: #ffc107;
|
||||||
--bs-green: #198754;
|
--bs-green: #198754;
|
||||||
|
@ -69,7 +131,7 @@ body,h1,h2,h3,h4,h5,h6,p {
|
||||||
--bs-success: #198754;
|
--bs-success: #198754;
|
||||||
--bs-info: #0dcaf0;
|
--bs-info: #0dcaf0;
|
||||||
--bs-warning: #ffc107;
|
--bs-warning: #ffc107;
|
||||||
--bs-danger: #dc3545;
|
--bs-danger: #cc3437;
|
||||||
--bs-light: #f8f9fa;
|
--bs-light: #f8f9fa;
|
||||||
--bs-dark: #212529;
|
--bs-dark: #212529;
|
||||||
--bs-primary-rgb: 13, 110, 253;
|
--bs-primary-rgb: 13, 110, 253;
|
||||||
|
@ -163,8 +225,8 @@ body,h1,h2,h3,h4,h5,h6,p {
|
||||||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
|
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
|
||||||
--bs-form-valid-color: #198754;
|
--bs-form-valid-color: #198754;
|
||||||
--bs-form-valid-border-color: #198754;
|
--bs-form-valid-border-color: #198754;
|
||||||
--bs-form-invalid-color: #dc3545;
|
--bs-form-invalid-color: #cc3437;
|
||||||
--bs-form-invalid-border-color: #dc3545;
|
--bs-form-invalid-border-color: #cc3437;
|
||||||
}
|
}
|
||||||
[data-bs-theme="dark"] {
|
[data-bs-theme="dark"] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
|
@ -22,17 +22,13 @@
|
||||||
|
|
||||||
<!-- Profile Dropdown Button -->
|
<!-- Profile Dropdown Button -->
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button data-fc-type="dropdown" data-fc-placement="bottom-end" type="button" class="nav-link flex items-center gap-2.5 px-3 bg-black/5 border-x border-black/10">
|
<button data-fc-type="dropdown" data-fc-placement="bottom-end" type="button" class="nav-link flex items-center gap-2.5 px-3 ">
|
||||||
<img src="{{asset('assets/images/users/avatar-1.jpg')}}" alt="user-image" class="rounded-full h-8">
|
<img src="{{asset('assets/images/users/avatar-1.jpg')}}" alt="user-image" class="rounded-full h-8">
|
||||||
<span class="md:flex flex-col gap-0.5 text-start hidden">
|
|
||||||
<h5 class="text-sm">{{session('name')}}</h5>
|
|
||||||
<span class="text-xs">{{session('username')}}</span>
|
|
||||||
</span>
|
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="fc-dropdown fc-dropdown-open:opacity-100 hidden opacity-0 w-44 z-50 transition-all duration-300 bg-white shadow-lg border rounded-lg py-2 border-gray-200 dark:border-gray-700 dark:bg-gray-800">
|
<div class="fc-dropdown fc-dropdown-open:opacity-100 hidden opacity-0 w-44 z-50 transition-all duration-300 bg-white shadow-lg border rounded-lg py-2 border-gray-200 dark:border-gray-700 dark:bg-gray-800">
|
||||||
<!-- item-->
|
<!-- item-->
|
||||||
<h6 class="flex items-center py-2 px-3 text-xs text-gray-800 dark:text-gray-400">Welcome !</h6>
|
<h6 class="flex items-center py-2 px-3 text-xs text-gray-800 dark:text-gray-400">Hello ! {{session('name')}}</h6>
|
||||||
|
|
||||||
<!-- item-->
|
<!-- item-->
|
||||||
<a href="{{url('logout')}}" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
<a href="{{url('logout')}}" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
<!-- Sidenav Menu -->
|
<!-- Sidenav Menu -->
|
||||||
<div class="app-menu">
|
<div class="app-menu bg-white">
|
||||||
|
|
||||||
<!-- App Logo -->
|
<!-- App Logo -->
|
||||||
<a href="{{url('/')}}">
|
<a href="{{url('/')}}" class="">
|
||||||
<div class="flex gap-3 p-4 items-center">
|
<div class="flex gap-3 p-4 items-center">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{asset('assets/logo-dlh.png')}}" class="" alt="Light logo" width="35">
|
<img src="{{asset('assets/logo-dlh.png')}}" class="" alt="Light logo" width="35">
|
||||||
</div>
|
</div>
|
||||||
<div class="flex text-menu flex-col gap-1">
|
<div class="flex text-menu flex-col gap-1">
|
||||||
<h6 class="text-white text-lg bold">DIKPLHD</h6>
|
<h6 class="text-lg bold">DIKPLHD</h6>
|
||||||
<h6 class="text-white text-xs">Dinas Lingkungan Hidup</h6>
|
<h6 class="text-xs">Dinas Lingkungan Hidup</h6>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
@ -22,7 +22,7 @@
|
||||||
|
|
||||||
<!--- Menu -->
|
<!--- Menu -->
|
||||||
<div class="scrollbar" data-simplebar>
|
<div class="scrollbar" data-simplebar>
|
||||||
<ul class="menu" data-fc-type="accordion">
|
<ul class="menu border-t" data-fc-type="accordion">
|
||||||
<li class="menu-title">Navigation</li>
|
<li class="menu-title">Navigation</li>
|
||||||
|
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
|
|
|
@ -9,24 +9,46 @@
|
||||||
|
|
||||||
<div class="grid xl:grid-cols-4 lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
|
<div class="grid xl:grid-cols-4 lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
|
||||||
@foreach($group as $dataGroup)
|
@foreach($group as $dataGroup)
|
||||||
<div class="card">
|
<?php
|
||||||
|
$bg = '';
|
||||||
|
|
||||||
|
if($dataGroup->alias == 'dinas'){
|
||||||
|
$bg = 'success';
|
||||||
|
}elseif($dataGroup->alias == 'biro'){
|
||||||
|
$bg = 'warning';
|
||||||
|
}elseif($dataGroup->alias == 'badan'){
|
||||||
|
$bg = 'danger';
|
||||||
|
}elseif($dataGroup->alias == 'deputi'){
|
||||||
|
$bg = 'info';
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
<div class="card border-top-{{$bg}}">
|
||||||
<div class="p-6">
|
<div class="p-6">
|
||||||
<div class="flex flex-col items-center">
|
<div class="flex flex-col items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<div class="flex justify-between">
|
{{-- <div class="flex justify-between">
|
||||||
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data {{$dataGroup->name}}</h5></div>
|
|
||||||
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
||||||
|
</div> --}}
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="px-4 py-3 rounded-full bg-{{$bg}}-light">
|
||||||
|
<i class="ri-database-2-line text-lg text-{{$bg}}"></i>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<?php
|
||||||
|
$count = $classDataset::where('tahun',date('Y'))->whereHas('instansi',function($query) use ($dataGroup){
|
||||||
|
$query->where('parent','ilike','%'.$dataGroup->alias.'%');
|
||||||
|
})->count();
|
||||||
|
?>
|
||||||
|
<h2 class="text-3xl bold my-3 py-0.5">{{$count}}</h2>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php
|
|
||||||
$count = $classDataset::where('tahun',date('Y'))->whereHas('instansi',function($query) use ($dataGroup){
|
|
||||||
$query->where('parent','ilike','%'.$dataGroup->alias.'%');
|
|
||||||
})->count();
|
|
||||||
?>
|
|
||||||
<h2 class="text-3xl bold my-3 py-0.5">{{$count}}</h2>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="{{url('dashboard/dataset/'.$dataGroup->alias)}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data {{$dataGroup->name}}</h5></div>
|
||||||
|
{{-- <a href="{{url('dashboard/dataset/'.$dataGroup->alias)}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a> --}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- end row-->
|
</div> <!-- end row-->
|
||||||
|
@ -56,14 +78,14 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
<th class="gridjs-td gridjs-th text-sm" data-field="instansi">Nama Instansi</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Nama Dataset</th>
|
<th class="gridjs-td gridjs-th text-sm" data-field="name">Nama Dataset</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="tahun">Tahun</th>
|
<th class="gridjs-td gridjs-th text-sm" data-field="tahun">Tahun</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-center text-gray-500" data-field="status">Status</th>
|
<th class="gridjs-td gridjs-th text-sm text-center" data-field="status">Status</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="created_at">Tanggal Dibuat</th>
|
<th class="gridjs-td gridjs-th text-sm" data-field="created_at">Tanggal Dibuat</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody class="gridjs-tbody"></tbody>
|
<tbody class="gridjs-tbody"></tbody>
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
data-show-refresh ="false"
|
data-show-refresh ="false"
|
||||||
data-page-size="700">
|
data-page-size="700">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th width="20">#</th>
|
<th width="20">#</th>
|
||||||
<th>Menu</th>
|
<th>Menu</th>
|
||||||
<th width="100"><label><input type="checkbox" class="checkread"> Read</label></th>
|
<th width="100"><label><input type="checkbox" class="checkread"> Read</label></th>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="role">Role</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="role">Role</th>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="name">Name</th>
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
||||||
|
|
|
@ -10,72 +10,82 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-6">
|
<div class="p-6">
|
||||||
<div class="grid lg:grid-cols-1 gap-3">
|
<div class="grid lg:grid-cols-2 gap-3 mb-3">
|
||||||
<table class="gridjs-table">
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tbody class="gridjs-tbody">
|
<div class="p-2">
|
||||||
<tr class="gridjs-tr">
|
<i class="ri-building-4-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs">Instansi</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->instansi->name}}</td>
|
<div class="flex flex-col">
|
||||||
</tr>
|
<div class="text-sm"><b>Instansi</b></div>
|
||||||
<tr class="gridjs-tr">
|
<div class="text-xs">{{$item->instansi->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">Resource Data</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->template->name}}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tr class="gridjs-tr">
|
<div class="p-2">
|
||||||
<td class="gridjs-td border-none text-xs">Nama Dataset</td>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->name}}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-col">
|
||||||
<tr class="gridjs-tr">
|
<div class="text-sm"><b>Resource Data</b></div>
|
||||||
<td class="gridjs-td border-none text-xs">Sifat Dataset</td>
|
<div class="text-xs">{{$item->template->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">
|
</div>
|
||||||
@if($item->publik == 1)
|
</div>
|
||||||
<span class="p-1 text-xs text-white rounded bg-success">Terbuka/Publik</span>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
@else
|
<div class="p-2">
|
||||||
<span class="p-1 text-xs text-white rounded bg-primary">Rahasia/Private</span>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
@endif
|
</div>
|
||||||
</td>
|
<div class="flex flex-col">
|
||||||
</tr>
|
<div class="text-sm"><b>Nama Dataset</b></div>
|
||||||
<tr class="gridjs-tr">
|
<div class="text-xs">{{$item->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">Tags</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{!!tags($item->tags)!!}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tr class="gridjs-tr">
|
<div class="p-2">
|
||||||
<td class="gridjs-td border-none text-xs">File : </td>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs"><a href="{{asset('uploads/'.@$item->file)}}" class="btn bg-primary text-white text-xs"><i class="ri-download-line"></i> Download File</a></td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-col">
|
||||||
<tr class="gridjs-tr">
|
<div class="text-sm"><b>Sifat Dataset</b></div>
|
||||||
<td class="gridjs-td border-none text-xs">Topik</td>
|
<div>
|
||||||
<td class="gridjs-td border-none text-xs">{!! topikByDataset($item->topik)!!}</td>
|
@if($item->publik == 1)
|
||||||
</tr>
|
<span class="text-xs">Terbuka/Publik</span>
|
||||||
<tr class="gridjs-tr">
|
@else
|
||||||
<td class="gridjs-td border-none text-xs">Deskripsi</td>
|
<span class="text-xs">Rahasia/Private</span>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->deskripsi}}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<?php
|
|
||||||
$data = json_decode($item->data);
|
|
||||||
?>
|
|
||||||
|
|
||||||
<div style="overflow-x:auto;">
|
|
||||||
|
|
||||||
<table id="table"
|
|
||||||
data-toggle="table"
|
|
||||||
data-search="false"
|
|
||||||
data-pagination="true"
|
|
||||||
data-side-pagination="server"
|
|
||||||
data-url="{{ route($route.'.gridDetail', ['id' => $keyId]) }}"
|
|
||||||
>
|
|
||||||
<thead>
|
|
||||||
<tr class="bg-secondary text-white">
|
|
||||||
@if (!empty($data))
|
|
||||||
@foreach ($data[0] as $k => $key)
|
|
||||||
<th data-field="{{$k}}" class="gridjs-td gridjs-th text-xs">{{ ucwords(str_replace('_', ' ', $k)) }}</th>
|
|
||||||
@endforeach
|
|
||||||
@endif
|
@endif
|
||||||
</tr>
|
</div>
|
||||||
</thead>
|
</div>
|
||||||
</table>
|
</div>
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-2">
|
||||||
|
<div class="text-sm"><b>Tags</b></div>
|
||||||
|
<div class="text-xs">{!!tags($item->tags)!!}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<div class="text-sm">
|
||||||
|
<b>File</b>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="{{asset('uploads/'.@$item->file)}}" class="p-1 bg-primary rounded text-white text-xs"><i class="ri-download-line"></i> Download File</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="grid lg-grid-cols-1 gap-3">
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-information-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<div class="text-sm"><b>Deskripsi</b></div>
|
||||||
|
<div class="text-xs">{{$item->deskripsi}}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
data-id-field="id"
|
data-id-field="id"
|
||||||
id="grid-data">
|
id="grid-data">
|
||||||
<thead class="gridjs-thead">
|
<thead class="gridjs-thead">
|
||||||
<tr class="gridjs-tr bg-secondary/10">
|
<tr class="gridjs-tr bg-primary-light">
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="action">#</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-width="10" data-field="no">No</th>
|
||||||
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
<th class="gridjs-td gridjs-th text-sm text-gray-500" data-field="instansi">Nama Instansi</th>
|
||||||
|
|
|
@ -10,72 +10,106 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-6">
|
<div class="p-6">
|
||||||
<div class="grid lg:grid-cols-1 gap-3">
|
<div class="grid lg:grid-cols-2 gap-3 mb-3">
|
||||||
<table class="gridjs-table">
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tbody class="gridjs-tbody">
|
<div class="p-2">
|
||||||
<tr class="gridjs-tr">
|
<i class="ri-building-4-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs">Instansi</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->instansi->name}}</td>
|
<div class="flex flex-col">
|
||||||
</tr>
|
<div class="text-sm"><b>Instansi</b></div>
|
||||||
<tr class="gridjs-tr">
|
<div class="text-xs">{{$item->instansi->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">Resource Data</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->template->name}}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tr class="gridjs-tr">
|
<div class="p-2">
|
||||||
<td class="gridjs-td border-none text-xs">Nama Dataset</td>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->name}}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-col">
|
||||||
<tr class="gridjs-tr">
|
<div class="text-sm"><b>Resource Data</b></div>
|
||||||
<td class="gridjs-td border-none text-xs">Sifat Dataset</td>
|
<div class="text-xs">{{$item->template->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">
|
</div>
|
||||||
@if($item->publik == 1)
|
</div>
|
||||||
<span class="p-1 text-xs text-white rounded bg-success">Terbuka/Publik</span>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
@else
|
<div class="p-2">
|
||||||
<span class="p-1 text-xs text-white rounded bg-primary">Rahasia/Private</span>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
@endif
|
</div>
|
||||||
</td>
|
<div class="flex flex-col">
|
||||||
</tr>
|
<div class="text-sm"><b>Nama Dataset</b></div>
|
||||||
<tr class="gridjs-tr">
|
<div class="text-xs">{{$item->name}}</div>
|
||||||
<td class="gridjs-td border-none text-xs">Tags</td>
|
</div>
|
||||||
<td class="gridjs-td border-none text-xs">{!!tags($item->tags)!!}</td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
<tr class="gridjs-tr">
|
<div class="p-2">
|
||||||
<td class="gridjs-td border-none text-xs">File : </td>
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
<td class="gridjs-td border-none text-xs"><a href="{{asset('uploads/'.@$item->file)}}" class="btn bg-primary text-white text-xs"><i class="ri-download-line"></i> Download File</a></td>
|
</div>
|
||||||
</tr>
|
<div class="flex flex-col">
|
||||||
<tr class="gridjs-tr">
|
<div class="text-sm"><b>Sifat Dataset</b></div>
|
||||||
<td class="gridjs-td border-none text-xs">Topik</td>
|
<div>
|
||||||
<td class="gridjs-td border-none text-xs">{!! topikByDataset($item->topik)!!}</td>
|
@if($item->publik == 1)
|
||||||
</tr>
|
<span class="text-xs">Terbuka/Publik</span>
|
||||||
<tr class="gridjs-tr">
|
@else
|
||||||
<td class="gridjs-td border-none text-xs">Deskripsi</td>
|
<span class="text-xs">Rahasia/Private</span>
|
||||||
<td class="gridjs-td border-none text-xs">{{$item->deskripsi}}</td>
|
@endif
|
||||||
</tr>
|
</div>
|
||||||
</tbody>
|
</div>
|
||||||
</table>
|
</div>
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-2">
|
||||||
|
<div class="text-sm"><b>Tags</b></div>
|
||||||
|
<div class="text-xs">{!!tags($item->tags)!!}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-database-2-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<div class="text-sm">
|
||||||
|
<b>File</b>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="{{asset('uploads/'.@$item->file)}}" class="p-1 bg-primary rounded text-white text-xs"><i class="ri-download-line"></i> Download File</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="grid lg-grid-cols-1 gap-3">
|
||||||
|
<div class="flex flex-between gap-3 bg-secondary/10 items-center p-2 rounded">
|
||||||
|
<div class="p-2">
|
||||||
|
<i class="ri-information-line text-primary text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<div class="text-sm"><b>Deskripsi</b></div>
|
||||||
|
<div class="text-xs">{{$item->deskripsi}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<?php
|
<?php
|
||||||
$data = json_decode($item->data);
|
$data = json_decode($item->data);
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div style="overflow-x:auto;">
|
<div style="overflow-x:auto;">
|
||||||
|
|
||||||
<table id="table"
|
<table id="table"
|
||||||
data-toggle="table"
|
data-toggle="table"
|
||||||
data-search="false"
|
data-search="false"
|
||||||
data-pagination="true"
|
data-pagination="true"
|
||||||
data-side-pagination="server"
|
data-side-pagination="server"
|
||||||
data-url="{{ route($route.'.gridDetail', ['id' => $keyId]) }}"
|
data-url="{{ route($route.'.gridDetail', ['id' => $keyId]) }}"
|
||||||
>
|
>
|
||||||
<thead>
|
<thead>
|
||||||
<tr class="bg-secondary text-white">
|
<tr class="bg-primary-light text-primary">
|
||||||
@if (!empty($data))
|
@if (!empty($data))
|
||||||
@foreach ($data[0] as $k => $key)
|
@foreach ($data[0] as $k => $key)
|
||||||
<th data-field="{{$k}}" class="gridjs-td gridjs-th text-xs">{{ ucwords(str_replace('_', ' ', $k)) }}</th>
|
<th data-field="{{$k}}" class="gridjs-td gridjs-th text-xs">{{ ucwords(str_replace('_', ' ', $k)) }}</th>
|
||||||
@endforeach
|
@endforeach
|
||||||
@endif
|
@endif
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue