updaye
ilhamwara
parent
ada0c442b9
commit
a50edfcb4c
|
|
@ -3,13 +3,28 @@
|
|||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
use App\Models\Master\Template;
|
||||
use App\Models\Master\Topik;
|
||||
use App\Models\Master\Instansi;
|
||||
use App\Models\Dataset;
|
||||
|
||||
class FrontController extends Controller
|
||||
{
|
||||
function index() {
|
||||
return view('index');
|
||||
|
||||
$data = [];
|
||||
$data['topik'] = Topik::all();
|
||||
$data['template'] = Template::all();
|
||||
$data['dataset'] = Dataset::orderBy('DatasetId','DESC')->limit(5)->get();
|
||||
|
||||
|
||||
return view('index',$data);
|
||||
}
|
||||
function search() {
|
||||
return view('search');
|
||||
$data['topik'] = Topik::all();
|
||||
$data['template'] = Template::all();
|
||||
$data['instansi'] = Instansi::all();
|
||||
$data['dataset'] = Dataset::orderBy('DatasetId','DESC')->limit(5)->get();
|
||||
return view('search',$data);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ class DatasetController extends Controller
|
|||
$spreadsheet = IOFactory::load($path);
|
||||
$sheet = $spreadsheet->getActiveSheet();
|
||||
$rows = $sheet->toArray();
|
||||
$header = $rows[0]; // Baris pertama sebagai header
|
||||
$header = $rows[4]; // Baris pertama sebagai header
|
||||
if (@$request->hasFile('file')) {
|
||||
$file = $request->file('file');
|
||||
$destinationPath = public_path('uploads/dataset');
|
||||
|
|
@ -207,6 +207,7 @@ class DatasetController extends Controller
|
|||
$insert->instansi_id = decode_id($request->instansi_id);
|
||||
$insert->template_id = decode_id($request->template_id);
|
||||
$insert->template_default = $request->template_default;
|
||||
$insert->tahun = date('Y');
|
||||
$insert->name = $request->name;
|
||||
$insert->publik = $request->publik;
|
||||
$insert->tags = json_encode($request->tags);
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ return new class extends Migration
|
|||
$table->string('file')->nullable();
|
||||
$table->json('topik')->nullable();
|
||||
$table->text('deskripsi')->nullable();
|
||||
$table->year('tahun')->nullable();
|
||||
$table->integer('status')->default(1);
|
||||
$table->integer('created_by');
|
||||
$table->timestampsTz();
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -2,491 +2,105 @@
|
|||
@section('content')
|
||||
<!-- Page Title Start -->
|
||||
<div class="flex justify-between items-center mb-6">
|
||||
<h4 class="text-slate-900 dark:text-slate-200 text-lg font-medium">Analytics</h4>
|
||||
|
||||
<div class="md:flex hidden items-center gap-2.5 font-semibold">
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="#" class="text-sm font-medium text-slate-700 dark:text-slate-400">Attex</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<i class="ri-arrow-right-s-line text-base text-slate-400 rtl:rotate-180"></i>
|
||||
<a href="#" class="text-sm font-medium text-slate-700 dark:text-slate-400">Menu</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<i class="ri-arrow-right-s-line text-base text-slate-400 rtl:rotate-180"></i>
|
||||
<a href="#" class="text-sm font-medium text-slate-700 dark:text-slate-400" aria-current="page">Analytics</a>
|
||||
</div>
|
||||
</div>
|
||||
<h4 class="text-slate-900 dark:text-slate-200 text-lg font-medium">Dashboard</h4>
|
||||
</div>
|
||||
<!-- Page Title End -->
|
||||
|
||||
|
||||
<div class="grid xl:grid-cols-3 lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
|
||||
<div class="card cta-box overflow-hidden">
|
||||
<div class="grid xl:grid-cols-4 lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center">
|
||||
<div>
|
||||
<h3 class="text-xl/7 font-normal mb-6">Enhance your <strong>Campaign</strong> for better outreach</h3>
|
||||
<a href="#" class="text-success font-bold">Go Premium <i class="ri-arrow-right-line"></i></a>
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="w-full">
|
||||
<div class="flex justify-between">
|
||||
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Biro</h5></div>
|
||||
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
||||
</div>
|
||||
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
|
||||
</div>
|
||||
<img class="ms-3" src="assets/images/svg/email-campaign.svg" width="92" alt="Generic placeholder image">
|
||||
<div class="w-full">
|
||||
<div class="">
|
||||
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="w-full">
|
||||
<div class="flex justify-between">
|
||||
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Badan</h5></div>
|
||||
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
||||
</div>
|
||||
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="">
|
||||
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="w-full">
|
||||
<div class="flex justify-between">
|
||||
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Deputi</h5></div>
|
||||
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
||||
</div>
|
||||
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="">
|
||||
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="w-full">
|
||||
<div class="flex justify-between">
|
||||
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Dinas</h5></div>
|
||||
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
|
||||
</div>
|
||||
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="">
|
||||
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
</div>
|
||||
<div class="grid xl:grid-cols-1 lg:grid-cols-1 grid-cols-1 gap-6 mb-6">
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-row">
|
||||
<h5 class="font-bold">Data Update Terakhir</h5>
|
||||
</div>
|
||||
<div>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>No</th>
|
||||
<th>OPD</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum ipsum amet recusandae animi atque? Dolore doloremque maiores libero, laborum error incidunt neque dolorem recusandae provident quam obcaecati corporis necessitatibus odio?</p>
|
||||
</div>
|
||||
<!-- end p-6 -->
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center">
|
||||
<div class="w-1/2">
|
||||
<h5 class="uppercase text-sm mt-0 truncate" title="Active Users">Active Users</h5>
|
||||
<h2 class="text-3xl my-3 py-0.5" id="active-users-count">825</h2>
|
||||
<p class="text-gray-400 truncate">
|
||||
<span class="text-success me-3"><i class="ri-arrow-up-line"></i> 3.27%</span>
|
||||
<span class="whitespace-nowrap">Since previous week</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-1/2">
|
||||
<div class="text-end">
|
||||
<div id="campaign-sent-chart" data-colors="#16a7e9"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
<div class="card">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center">
|
||||
<div class="w-1/2">
|
||||
<h5 class="uppercase text-sm mt-0 truncate" title="Views per minute">Views per minute</h5>
|
||||
<h2 class="text-3xl my-3 py-0.5" id="active-views-count">589</h2>
|
||||
<p class="mb-0 text-muted text-truncate">
|
||||
<span class="text-danger me-3"><i class="ri-arrow-down-line"></i> 2.66%</span>
|
||||
<span class="whitespace-nowrap">Since previous week</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-1/2">
|
||||
<div class="text-end">
|
||||
<div id="new-leads-chart" data-colors="#47ad77"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div> <!-- end p-6 -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header !border-0 flex justify-between items-center">
|
||||
<h4 class="card-title">Sessions by Browser</h4>
|
||||
<div>
|
||||
<button class="text-gray-600 dark:text-gray-400" data-fc-type="dropdown" data-fc-placement="bottom-end" type="button">
|
||||
<i class="ri-more-2-fill text-xl"></i>
|
||||
</button>
|
||||
<div class="fc-dropdown fc-dropdown-open:opacity-100 opacity-0 min-w-[10rem] z-50 transition-all duration-300 bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700 rounded-md py-1 hidden">
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Refresh Report</a>
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Export Report</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-6 pt-0">
|
||||
<div id="sessions-browser" class="apex-charts" data-colors="#16a7e9"></div>
|
||||
|
||||
<div class="mt-1 text-center">
|
||||
<ul class="flex items-center justify-around">
|
||||
<li class="flex items-center"><img class="ms-3 pe-1 h-5" src="assets/images/browsers/chrome.png" alt="chrome"><span class="align-middle">45.87%</span></li>
|
||||
<li class="flex items-center"><img class="ms-3 pe-1 h-5" src="assets/images/browsers/firefox.png" alt="chrome"><span class="align-middle">3.25%</span></li>
|
||||
<li class="flex items-center"><img class="ms-3 pe-1 h-5" src="assets/images/browsers/safari.png" alt="chrome"><span class="align-middle">9.68%</span></li>
|
||||
<li class="flex items-center"><img class="ms-3 pe-1 h-5" src="assets/images/browsers/web.png" alt="chrome"><span class="align-middle">36.87%</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center !border-0">
|
||||
<h4 class="card-title">Sessions by Operating System</h4>
|
||||
<div>
|
||||
<button class="text-gray-600 dark:text-gray-400" data-fc-type="dropdown" data-fc-placement="bottom-end" type="button">
|
||||
<i class="ri-more-2-fill text-xl"></i>
|
||||
</button>
|
||||
<div class="fc-dropdown fc-dropdown-open:opacity-100 opacity-0 min-w-[10rem] z-50 transition-all duration-300 bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700 rounded-md py-1 hidden">
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Refresh Report</a>
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Export Report</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-6 pt-0">
|
||||
<div id="sessions-os" class="apex-charts mt-2" data-colors="#16a7e9,#47ad77,#ffc35a,#f15776"></div>
|
||||
|
||||
<div class="flex text-center mt-2">
|
||||
<div class="w-1/2">
|
||||
<h4 class="text-lg font-normal mb-2.5">
|
||||
<span>8,285</span>
|
||||
</h4>
|
||||
<p class="text-muted mb-0">Online System</p>
|
||||
</div>
|
||||
<div class="w-1/2">
|
||||
<h4 class="text-lg font-normal mb-2.5">
|
||||
<span>3,534</span>
|
||||
</h4>
|
||||
<p class="text-muted mb-0">Offline System</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center">
|
||||
<h4 class="card-title">Views Per Minute</h4>
|
||||
<div>
|
||||
<button class="text-gray-600 dark:text-gray-400" data-fc-type="dropdown" data-fc-placement="left-start" type="button">
|
||||
<i class="ri-more-2-fill text-xl"></i>
|
||||
</button>
|
||||
|
||||
<div class="hidden fc-dropdown fc-dropdown-open:opacity-100 opacity-0 w-36 z-50 mt-2 transition-all duration-300 bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700 rounded-lg p-2">
|
||||
<a class="flex items-center gap-1.5 py-1.5 px-3.5 rounded text-sm transition-all duration-300 bg-transparent text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200" href="javascript:void(0)">
|
||||
Sales Report
|
||||
</a>
|
||||
<a class="flex items-center gap-1.5 py-1.5 px-3.5 rounded text-sm transition-all duration-300 bg-transparent text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200" href="javascript:void(0)">
|
||||
Export Report
|
||||
</a>
|
||||
<a class="flex items-center gap-1.5 py-1.5 px-3.5 rounded text-sm transition-all duration-300 bg-transparent text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript:void(0)">
|
||||
Profit
|
||||
</a>
|
||||
<a class="flex items-center gap-1.5 py-1.5 px-3.5 rounded text-sm transition-all duration-300 bg-transparent text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-6 pt-0">
|
||||
<div id="views-min" class="apex-charts" data-colors="#16a7e9"></div>
|
||||
|
||||
<div class="overflow-x-auto mt-6">
|
||||
<table class="w-full divide-y divide-gray-200 dark:divide-gray-700">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="p-2 text-start">Page</th>
|
||||
<th class="p-2 text-start">Views</th>
|
||||
<th class="p-2 text-start">Bounce Rate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200 dark:divide-gray-700">
|
||||
<tr>
|
||||
<td class="p-2">
|
||||
<a href="javascript:void(0);" class="text-muted">/adminto/dashboard-analytics</a>
|
||||
</td>
|
||||
<td class="p-2">25</td>
|
||||
<td class="p-2">87.5%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">
|
||||
<a href="javascript:void(0);" class="text-muted">/attex/dashboard-crm</a>
|
||||
</td>
|
||||
<td class="p-2">15</td>
|
||||
<td class="p-2">21.48%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">
|
||||
<a href="javascript:void(0);" class="text-muted">/ubold/dashboard</a>
|
||||
</td>
|
||||
<td class="p-2">10</td>
|
||||
<td class="p-2">63.59%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid 2xl:grid-cols-2 gap-6 mb-6">
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center">
|
||||
<h4 class="card-title">Sessions Overview</h4>
|
||||
<ul class="hidden lg:flex">
|
||||
<li class="px-4 py-2">
|
||||
<a class="block text-sm text-gray-400" href="#">Today</a>
|
||||
</li>
|
||||
<li class="px-4 py-2">
|
||||
<a class="block text-sm text-gray-400" href="#">7d</a>
|
||||
</li>
|
||||
<li class="px-4 py-2">
|
||||
<a class="block text-sm text-primary" href="#">15d</a>
|
||||
</li>
|
||||
<li class="px-4 py-2">
|
||||
<a class="block text-sm text-gray-400" href="#">1m</a>
|
||||
</li>
|
||||
<li class="px-4 py-2">
|
||||
<a class="block text-sm text-gray-400" href="#">1y</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="bg-light-subtle border-top border-bottom border-light">
|
||||
<div class="flex flex-wrap items-center text-center">
|
||||
<div class="lg:w-1/4 w-1/2">
|
||||
<p class="text-gray-400 mt-6 mb-4 text-base"><i class="ri-donut-chart-fill"></i> Direct</p>
|
||||
<h3 class="font-normal text-2xl text-gray-500 mb-6">
|
||||
<span>170k</span>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lg:w-1/4 w-1/2">
|
||||
<p class="text-gray-400 mt-6 mb-4 text-base"><i class="ri-donut-chart-fill"></i> Organic Search</p>
|
||||
<h3 class="font-normal text-2xl text-gray-500 mb-6">
|
||||
<span>12M <i class="ri-corner-right-up-fill text-success"></i></span>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lg:w-1/4 w-1/2">
|
||||
<p class="text-gray-400 mt-6 mb-4 text-base"><i class="ri-donut-chart-fill"></i> Refferal</p>
|
||||
<h3 class="font-normal text-2xl text-gray-500 mb-6">
|
||||
<span>8.27%</span>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lg:w-1/4 w-1/2">
|
||||
<p class="text-gray-400 mt-6 mb-4 text-base"><i class="ri-donut-chart-fill"></i> Social</p>
|
||||
<h3 class="font-normal text-2xl text-gray-500 mb-6">
|
||||
<span>69k <i class="ri-corner-right-down-line text-danger"></i></span>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-6">
|
||||
<div dir="ltr">
|
||||
<div id="sessions-overview" class="apex-charts" data-colors="#47ad77"></div>
|
||||
</div>
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="flex card-header justify-between items-center !border-0">
|
||||
<h4 class="card-title">Sessions by country</h4>
|
||||
<div>
|
||||
<button class="text-gray-600 dark:text-gray-400" data-fc-type="dropdown" data-fc-placement="bottom-end" type="button">
|
||||
<i class="ri-more-2-fill text-xl"></i>
|
||||
</button>
|
||||
<div class="fc-dropdown fc-dropdown-open:opacity-100 opacity-0 min-w-40 z-50 transition-all duration-300 bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700 rounded-md py-1 hidden">
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Sales Report</a>
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Export Report</a>
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Profit</a>
|
||||
<a class="flex items-center py-1.5 px-5 text-sm text-gray-500 hover:bg-slate-100 hover:text-slate-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300" href="javascript: void(0);">Action</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-6">
|
||||
<div class="grid lg:grid-cols-3 gap-6">
|
||||
<div class="lg:col-span-2">
|
||||
<div id="world-map-markers" class="my-3"></div>
|
||||
</div>
|
||||
<div dir="ltr">
|
||||
<div id="country-chart" class="apex-charts" data-colors="#16a7e9"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-->
|
||||
</div>
|
||||
|
||||
<div class="grid xl:grid-cols-3 lg:grid-cols-2 gap-6">
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center">
|
||||
<h4 class="card-title">Channels</h4>
|
||||
<a href="javascript:void(0);" class="btn btn-sm bg-light !text-sm text-gray-800 dark:bg-light/20 dark:text-white">Export <i class="ri-download-line ms-1.5"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full">
|
||||
<thead class="bg-light/40 border-b border-gray-100 dark:bg-light/5 dark:border-b-gray-700">
|
||||
<tr>
|
||||
<th class="p-2 text-start">Channel</th>
|
||||
<th class="p-2 text-start">Visits</th>
|
||||
<th class="p-2 text-start w-2/5">Progress</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="p-2">Direct</td>
|
||||
<td class="p-2">2,050</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Organic Search</td>
|
||||
<td class="p-2">1,405</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-info" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Refferal</td>
|
||||
<td class="p-2">750</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-warning" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Social</td>
|
||||
<td class="p-2">540</td>
|
||||
<td class="p-2">
|
||||
<div class="progress" style="height: 3px;">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Other</td>
|
||||
<td class="p-2">8,965</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- end table-responsive-->
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center">
|
||||
<h4 class="card-title">Social Media Traffic</h4>
|
||||
<a href="javascript:void(0);" class="btn btn-sm bg-light !text-sm text-gray-800 dark:bg-light/20 dark:text-white">Export <i class="ri-download-line ms-1.5"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
|
||||
<table class="w-full">
|
||||
<thead class="bg-light/40 border-b border-gray-100 dark:bg-light/5 dark:border-b-gray-700">
|
||||
<tr>
|
||||
<th class="p-2 text-start">Network</th>
|
||||
<th class="p-2 text-start">Visits</th>
|
||||
<th class="p-2 text-start w-2/5">Progress</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="p-2">Facebook</td>
|
||||
<td class="p-2">2,050</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Instagram</td>
|
||||
<td class="p-2">1,501</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Twitter</td>
|
||||
<td class="p-2">750</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">LinkedIn</td>
|
||||
<td class="p-2">540</td>
|
||||
<td class="p-2">
|
||||
<div class="progress" style="height: 3px;">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">Other</td>
|
||||
<td class="p-2">13,851</td>
|
||||
<td class="p-2">
|
||||
<div class="flex w-full h-[3px] bg-light rounded-full overflow-hidden dark:bg-gray-700">
|
||||
<div class="flex flex-col justify-center overflow-hidden bg-primary" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
|
||||
<div class="col-xl-4 col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-header flex justify-between items-center">
|
||||
<h4 class="card-title">Engagement Overview</h4>
|
||||
<a href="javascript:void(0);" class="btn btn-sm bg-light !text-sm text-gray-800 dark:bg-light/20 dark:text-white">Export <i class="ri-download-line ms-1.5"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
|
||||
<table class="w-full">
|
||||
<thead class="bg-light/40 border-b border-gray-100 dark:bg-light/5 dark:border-b-gray-700">
|
||||
<tr>
|
||||
<th class="p-2 text-start w-1/3">Duration (Secs)</th>
|
||||
<th class="p-2 text-start w-1/3">Sessions</th>
|
||||
<th class="p-2 text-start w-1/3">Views</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="p-2">0-30</td>
|
||||
<td class="p-2">2,250</td>
|
||||
<td class="p-2">4,250</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">31-60</td>
|
||||
<td class="p-2">1,501</td>
|
||||
<td class="p-2">2,050</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">61-120</td>
|
||||
<td class="p-2">750</td>
|
||||
<td class="p-2">1,600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">121-240</td>
|
||||
<td class="p-2">540</td>
|
||||
<td class="p-2">1,040</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-2">141-420 </td>
|
||||
<td class="p-2">56</td>
|
||||
<td class="p-2">886</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- end p-6-->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
</div>
|
||||
<!-- end row -->
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -8,6 +8,13 @@
|
|||
</span>
|
||||
</button>
|
||||
|
||||
<div class="w-1/5">
|
||||
<select name="year" class="form-select" id="">
|
||||
<option value="{{date('Y')}}">{{date('Y')}}</option>
|
||||
<option value="{{date('Y')-1}}">{{date('Y')-1}}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Language Dropdown Button -->
|
||||
<div class="relative ms-auto">
|
||||
|
|
|
|||
|
|
@ -54,9 +54,10 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<div class="container mx-auto hidden">
|
||||
<div class="px-6 py-10">
|
||||
<div class="grid md:grid-cols-3 xl:grid-cols-4 gap-6 justify-center items-center">
|
||||
@foreach($topik as $dataTtopik)
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
|
|
@ -64,143 +65,12 @@
|
|||
<i class="ri-team-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Pekerjaan Umum</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-earth-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Kehutanan, Pertanian & Ketahanan Pangan</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-book-3-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Perpustakaan & Arsip</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-building-4-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Penataan Kota</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-riding-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Olahraga & Pemuda</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-line-chart-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Penanaman Modal</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-home-8-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Perumahan dan Kawasan Permikuman</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-home-office-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Pemerintahan</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-shake-hands-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Kesatuan Bangsa & Politik</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-group-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Kependudukan</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-plant-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Pertamanan & Pemakaman</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="card px-6 py-3 rounded-full">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<div class="p-2 ">
|
||||
<i class="ri-coins-line text-xl"></i>
|
||||
</div>
|
||||
<div class="">
|
||||
<h5 class=" text-md">Perekonomian</h5>
|
||||
<h5 class=" text-md">{{$dataTtopik->name}}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -213,7 +83,7 @@
|
|||
</div>
|
||||
<div>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 grid-cols-1 gap-3">
|
||||
|
||||
@foreach($dataset as $dataSet)
|
||||
<div class="card p-6">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-row gap-3">
|
||||
|
|
@ -221,90 +91,23 @@
|
|||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="font-bold text-md">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<h4 class="text-xs">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
<h4 class="font-bold text-md">{{$dataSet->name}}</h4>
|
||||
<h4 class="text-xs">{{$dataSet->instansi->name}}</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae architecto et adipisci, laborum odit deserunt fuga asperiores sed sint! Officiis magni omnis neque.</p>
|
||||
<p>{{substr($dataSet->deskripsi,0,100)}}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><i class="ri-calendar-line"></i> 11-09-2025</p>
|
||||
<p><i class="ri-calendar-line"></i> {{date('d-m-Y',strtotime($dataSet->created_at))}}</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn bg-primary mt-4 text-white">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="card p-6">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-row gap-3">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="font-bold text-md">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<h4 class="text-xs">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae architecto et adipisci, laborum odit deserunt fuga asperiores sed sint! Officiis magni omnis neque.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><i class="ri-calendar-line"></i> 11-09-2025</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn bg-primary mt-4 text-white">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-row gap-3">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="font-bold text-md">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<h4 class="text-xs">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae architecto et adipisci, laborum odit deserunt fuga asperiores sed sint! Officiis magni omnis neque.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><i class="ri-calendar-line"></i> 11-09-2025</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn bg-primary mt-4 text-white">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-row gap-3">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="font-bold text-md">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<h4 class="text-xs">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae architecto et adipisci, laborum odit deserunt fuga asperiores sed sint! Officiis magni omnis neque.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><i class="ri-calendar-line"></i> 11-09-2025</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn bg-primary mt-4 text-white">Lihat Selengkapnya <i class="ri-arrow-right-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,10 +25,32 @@
|
|||
<div class="flex flex-row gap-3">
|
||||
<div class="card border p-3 w-1/4">
|
||||
<div class="flex flex-col gap-3">
|
||||
<div><h5 class="font-bold text-md">Filter</h5></div>
|
||||
<!-- <div><h5 class="font-bold text-md">Filter</h5></div>
|
||||
<hr>
|
||||
<div><input {{request()->page == 'opd' ? 'checked' : ''}} class="form-checkbox" type="checkbox"> OPD</div>
|
||||
<div><input {{request()->page == 'dataset' ? 'checked' : ''}} class="form-checkbox" type="checkbox"> Dataset</div>
|
||||
<div><input {{request()->page == 'dataset' ? 'checked' : ''}} class="form-checkbox" type="checkbox"> Dataset</div> -->
|
||||
<div class="mt-3"><h5 class="font-bold text-md">Resource Data</h5></div>
|
||||
<hr>
|
||||
|
||||
<div>
|
||||
<select name="" class="form-input select2" id="">
|
||||
<option value="">Pilih Instansi</option>
|
||||
@foreach($instansi as $dataInstansi)
|
||||
<option value="">{{$dataInstansi->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<select name="" class="form-input select2" id="">
|
||||
<option value="">Pilih Topik Data</option>
|
||||
@foreach($topik as $dataToptik)
|
||||
<option value="">{{$dataToptik->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-3"><h5 class="font-bold text-md">Status</h5></div>
|
||||
<hr>
|
||||
<div><input class="form-checkbox" type="checkbox"> Publik</div>
|
||||
|
|
@ -41,7 +63,7 @@
|
|||
</div>
|
||||
<divc class="w-full">
|
||||
<div class="grid grid-cols-1 gap-3">
|
||||
|
||||
@foreach($dataset as $dataSet)
|
||||
<div class="card p-6 border w-full">
|
||||
<div class="flex flex-row items-center gap-6">
|
||||
<div>
|
||||
|
|
@ -49,80 +71,20 @@
|
|||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<a href="">
|
||||
<h4 class="bold text-md text-sky-700">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<h4 class="bold text-md text-sky-700">{{$dataSet->name}}</h4>
|
||||
</a>
|
||||
<div class="w-3/4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati consequatur similique sapiente quod eum aperiam,
|
||||
</p>
|
||||
<p>{{substr($dataSet->deskripsi,0,100)}}</p>
|
||||
</div>
|
||||
<div class="flex flex-row gap-3">
|
||||
<h4 class="text-xs rounded bg-primary text-white p-1">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
<span class="bg-danger rounded text-white p-1 text-xs"><i class="ri-calendar-line"></i> 11-09-2025</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 border w-full">
|
||||
<div class="flex flex-row items-center gap-6">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="bold text-md text-sky-700">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<div class="w-3/4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati consequatur similique sapiente quod eum aperiam,
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-row gap-3">
|
||||
<h4 class="text-xs rounded bg-primary text-white p-1">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
<span class="bg-danger rounded text-white p-1 text-xs"><i class="ri-calendar-line"></i> 11-09-2025</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 border w-full">
|
||||
<div class="flex flex-row items-center gap-6">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="bold text-md text-sky-700">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<div class="w-3/4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati consequatur similique sapiente quod eum aperiam,
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-row gap-3">
|
||||
<h4 class="text-xs rounded bg-primary text-white p-1">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
<span class="bg-danger rounded text-white p-1 text-xs"><i class="ri-calendar-line"></i> 11-09-2025</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 border w-full">
|
||||
<div class="flex flex-row items-center gap-6">
|
||||
<div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="bold text-md text-sky-700">Data Harga dan Pasokan Pangan Jakarta</h4>
|
||||
<div class="w-3/4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati consequatur similique sapiente quod eum aperiam,
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-row gap-3">
|
||||
<h4 class="text-xs rounded bg-primary text-white p-1">Dinas Lingkungan Hidup Provinsi DKI</h4>
|
||||
<span class="bg-danger rounded text-white p-1 text-xs"><i class="ri-calendar-line"></i> 11-09-2025</span>
|
||||
<h4 class="text-xs rounded bg-primary text-white p-1">{{$dataSet->instansi->name}}</h4>
|
||||
<span class="bg-danger rounded text-white p-1 text-xs"><i class="ri-calendar-line"></i> {{date('d-m-Y',strtotime($dataSet->created_at))}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue