X7ROOT File Manager
Current Path:
/home/hamdjcne/app.hamdalillahitravel.com/app/Views/notification
home
/
hamdjcne
/
app.hamdalillahitravel.com
/
app
/
Views
/
notification
/
ðŸ“
..
📄
list.php
(12.83 KB)
Editing: list.php
<lab?php use App\Models\Crud; $this->Crud = new Crud(); ?> <?= $this->extend('designs/backend'); ?> <?= $this->section('title'); ?> <?= $title; ?> <?= $this->endSection(); ?> <?= $this->section('content'); ?> <!--begin::Wrapper--> <div class="app-wrapper d-flex " style="margin-left: 1px; "> <!--begin::Wrapper container--> <div class="app-container container-fluid "> <!--begin::Main--> <div class="app-main flex-column flex-row-fluid " id="kt_app_main"> <!--begin::Content wrapper--> <div class="d-flex flex-column flex-column-fluid"> <!--begin::Toolbar--> <div id="kt_app_toolbar" class="app-toolbar "> <!--begin::Toolbar container--> <div class="d-flex flex-stack flex-row-fluid"> <!--begin::Toolbar wrapper--> <div class="d-flex flex-column flex-row-fluid"> <!--begin::Breadcrumb--> <ul class="breadcrumb breadcrumb-separatorless fw-semibold mb-3"> <!--begin::Item--> <li class="breadcrumb-item text-gray-600 fw-bold lh-1"> <a href="<?=site_url(); ?>" class="text-white text-hover-success"> <i class="ki-duotone ki-home text-gray-500 fs-2"></i> </a> </li> <!--end::Item--> <!--begin::Item--> <li class="breadcrumb-item"> <i class="ki-duotone ki-right fs-3 text-gray-500 mx-n1"></i> </li> <!--end::Item--> <!--begin::Item--> <li class="breadcrumb-item text-gray-600 fw-bold lh-1"> Notification </li> </ul> <div class="page-title d-flex align-items-center me-3"> <!--begin::Title--> <h1 class="page-heading d-flex text-gray-900 fw-bolder fs-1 flex-column justify-content-center my-0"> Notification List </h1> <!--end::Title--> </div> <!--end::Page title--> </div> <!--end::Toolbar wrapper--> </div> <!--end::Toolbar container--> </div> <!--end::Toolbar--> <!--begin::Content--> <div id="kt_app_content" class="app-content "> <!--begin::Card--> <div class="card"> <!--begin::Card header--> <div class="card-header border-0 pt-6"> <!--begin::Card title--> <div class="card-title"> <!--begin::Search--> <div class="d-flex align-items-center position-relative my-1"> <i class="ki-duotone ki-magnifier fs-3 position-absolute ms-5"><span class="path1"></span><span class="path2"></span></i> <input type="text" data-kt-customer-table-filter="search" id="search" oninput="load('', '')" class="form-control form-control-solid w-250px ps-12" placeholder="Search Notification" /> </div> <!--end::Search--> </div> <!--begin::Card title--> <!--begin::Card toolbar--> <div class="card-toolbar"> <!--begin::Toolbar--> <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base"> <!--begin::Filter--> <button type="button" class="btn btn-light-success me-3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end"> <i class="ki-duotone ki-filter fs-2"><span class="path1"></span><span class="path2"></span></i> Filter </button> <!--begin::Menu 1--> <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true" id="kt-toolbar-filter"> <!--begin::Header--> <div class="px-7 py-5"> <div class="fs-4 text-gray-900 fw-bold">Filter Options</div> </div> <!--end::Header--> <!--begin::Separator--> <div class="separator border-gray-200"></div> <!--end::Separator--> <!--begin::Content--> <div class="px-7 py-5"> <!--begin::Input group--> <div class="mb-10"> <!--begin::Label--> <label class="form-label fs-5 fw-semibold mb-3">Status:</label> <!--end::Label--> <select class="form-select" id="status" data-control="select2" data-placeholder="Select a Status" onchange="load('', '')" > <option value="all">All Status</option> <option value="0">Unused</option> <option value="1">Used</option> </select> </div> <!--end::Input group--> <div class="mb-10"> <!--begin::Label--> <label class="form-label fs-5 fw-semibold mb-3">Date Range:</label> <input class="form-control form-control-solid kt_daterangepicker_4" placeholder="Pick date rage" id="datez" onchange="load('', '')" /> </div> </div> <!--end::Content--> </div> <!--end::Menu 1--> <!--end::Filter--> </div> <!--end::Toolbar--> </div> <!--end::Card toolbar--> </div> <!--end::Card header--> <!--begin::Card body--> <div class="card-body pt-0 table-responsive"> <!--begin::Table--> <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_customers_table"> <thead> <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0"> <th class="min-w-125px">Date</th> <th class="min-w-125px">Type</th> <th class="min-w-125px">Description</th> <th class="min-w-125px">status</th> <th class="min-w-125px">Timespan</th> <th class="text-end min-w-70px"></th> </tr> </thead> <tbody class="fw-semibold text-gray-600" id="load_data" > </tbody> <tfoot id="loadmore" ></tfoot> </table> <!--end::Table--> </div> <!--end::Card body--> </div> </div> <!--end::Content--> </div> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer d-flex flex-column flex-md-row align-items-center flex-center flex-md-stack "> <div class="text-gray-900 order-2 order-md-1"> <span class="text-gray-500 fw-semibold me-1"><?=date('Y'); ?>©</span> <a href="javascript:;" target="_blank" class="text-gray-500 text-hover-success"><?=app_name; ?></a> </div> </div> <!--end::Footer--> </div> </div> <!--end::Wrapper container--> </div> <script>var site_url = '<?php echo site_url(); ?>';</script> <script src="<?php echo site_url(); ?>assets/js/jquery.min.js"></script> <script> $(function () { load('', ''); }); function load(x, y) { var more = 'no'; var methods = ''; if (parseInt(x) > 0 && parseInt(y) > 0) { more = 'yes'; methods = '/' + x + '/' + y; } if (more == 'no') { $('#load_data').html('<tr><td colspan="8"><div class="col-sm-12 fs-2 text-center" data-kt-indicator="on"> <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span></div></td></tr>'); $('#total_id').html('<div class="col-sm-12 text-center"><span class="ni ni-loader fa-spin" ></span></div>'); } else { $('#loadmore').html('<tr><td colspan="8"><div class="col-sm-12 fs-2 text-center" data-kt-indicator="on"> <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span></div></td></tr>'); } var search = $('#search').val(); var status = $('#status').val(); const dateRange = $('#datez').val(); let start_date = ''; let end_date = ''; if (dateRange) { const dates = dateRange.split(' - '); // Split by " - " if (dates.length === 2) { start_date = formatToYYYYMMDD(dates[0].trim()); end_date = formatToYYYYMMDD(dates[1].trim()); } } $.ajax({ url: site_url + 'notification/list/load' + methods, type: 'post', data: { search: search, status: status, start_date: start_date, end_date: end_date }, success: function (data) { var dt = JSON.parse(data); if (more == 'no') { $('#load_data').html(dt.item); } else { $('#load_data').append(dt.item); } if (dt.offset > 0) { $('#loadmore').html('<tr><td colspan="8"><a href="javascript:;" class="btn btn-dim btn-light btn-block p-30" onclick="load(' + dt.limit + ', ' + dt.offset + ');"><i class="ki-duotone ki- arrows-loop"><span class="path1"></span><span class="path2"></span></i> Load More</a></td></tr>'); } else { $('#loadmore').html(''); } }, complete: function () { $.getScript(site_url + '/assets/js/jsmodal.js'); } }); } function formatToYYYYMMDD(dateString) { const date = new Date(dateString); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); // Add 1 to the month (0-indexed) const day = String(date.getDate()).padStart(2, '0'); return `${year}-${month}-${day}`; } function reads(id){ $.ajax({ url: site_url + 'notification/mark_read/' + id, type: 'post', success: function (data) { $('#read_resp'+id).html(data); $('#read_resps'+id).html(data); } }); } </script> <?= $this->endSection(); ?>
Upload File
Create Folder