Data
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -48,237 +48,21 @@
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-8">
|
||||
<!--begin::Table widget 14-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-7">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Projects Stats</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">Updated 37 minutes ago</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<a href="../../demo1/dist/apps/ecommerce/catalog/add-product.html" class="btn btn-sm btn-light">History</a>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-6">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-175px text-start">ITEM</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end">BUDGET</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end">PROGRESS</th>
|
||||
<th class="p-0 pb-3 min-w-175px text-end pe-12">STATUS</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="/massets/media/stock/600x600/img-49.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Mivy App</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Jane Cooper</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$32,400</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">
|
||||
<i class="ki-duotone ki-arrow-up fs-5 text-success ms-n1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
|
||||
<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="/massets/media/stock/600x600/img-40.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Avionica</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Esther Howard</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$256,910</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">
|
||||
<i class="ki-duotone ki-arrow-down fs-5 text-danger ms-n1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>0.4%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-warning">On Hold</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
|
||||
<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="/massets/media/stock/600x600/img-39.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Charto CRM</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Jenny Wilson</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$8,220</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">
|
||||
<i class="ki-duotone ki-arrow-up fs-5 text-success ms-n1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
|
||||
<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="/massets/media/stock/600x600/img-47.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Tower Hill</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Cody Fisher</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$74,000</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">
|
||||
<i class="ki-duotone ki-arrow-up fs-5 text-success ms-n1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-success">Complated</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
|
||||
<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="/massets/media/stock/600x600/img-48.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">9 Degree</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Savannah Nguyen</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$183,300</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">
|
||||
<i class="ki-duotone ki-arrow-down fs-5 text-danger ms-n1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>0.4%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_5" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
|
||||
<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
</div>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end: Card Body-->
|
||||
</div>
|
||||
|
||||
<?php
|
||||
foreach ($page_detail_data as $key => $value) {
|
||||
$page_key=$key;
|
||||
include 'cards/project_detail_card.php';
|
||||
}
|
||||
?>
|
||||
|
||||
<!--end::Table widget 14-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-4">
|
||||
<!--begin::Chart Widget 35-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<div class="card card-flush">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5 mb-6">
|
||||
<!--begin::Title-->
|
||||
@@ -746,195 +530,7 @@
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
<!--begin::Row-->
|
||||
<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-xxl-6">
|
||||
<!--begin::Card widget 18-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Body-->
|
||||
<div class="card-body py-9">
|
||||
<!--begin::Row-->
|
||||
<div class="row gx-9 h-100">
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6 mb-10 mb-sm-0">
|
||||
<!--begin::Image-->
|
||||
<div class="bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-400px min-h-sm-100 h-100" style="background-size: 100% 100%;background-image:url('/massets/media/stock/600x600/img-65.jpg')"></div>
|
||||
<!--end::Image-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column h-100">
|
||||
<!--begin::Header-->
|
||||
<div class="mb-7">
|
||||
<!--begin::Headin-->
|
||||
<div class="d-flex flex-stack mb-6">
|
||||
<!--begin::Title-->
|
||||
<div class="flex-shrink-0 me-5">
|
||||
<span class="text-gray-400 fs-7 fw-bold me-2 d-block lh-1 pb-1">Featured</span>
|
||||
<span class="text-gray-800 fs-1 fw-bold">9 Degree</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
<span class="badge badge-light-primary flex-shrink-0 align-self-center py-3 px-4 fs-7">In Process</span>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex align-items-center flex-wrap d-grid gap-2">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center me-5 me-xl-13">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<img src="/massets/media/avatars/300-3.jpg" class="" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Manager</span>
|
||||
<a href="../../demo1/dist/pages/user-profile/overview.html" class="fw-bold text-gray-800 text-hover-primary fs-7">Robert Fox</a>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<span class="symbol-label bg-success">
|
||||
<i class="ki-duotone ki-abstract-41 fs-5 text-white">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Budget</span>
|
||||
<span class="fw-bold text-gray-800 fs-7">$64.800</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="mb-6">
|
||||
<!--begin::Text-->
|
||||
<span class="fw-semibold text-gray-600 fs-6 mb-8 d-block">Flat cartoony illustrations with vivid unblended colors and asymmetrical beautiful purple hair lady</span>
|
||||
<!--end::Text-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 me-6 mb-3">
|
||||
<!--begin::Date-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">Feb 6, 2021</span>
|
||||
<!--end::Date-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Due Date</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 mb-3">
|
||||
<!--begin::Number-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">$
|
||||
<span class="ms-n1" data-kt-countup="true" data-kt-countup-value="284,900.00">0</span></span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Budget</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Footer-->
|
||||
<div class="d-flex flex-stack mt-auto bd-highlight">
|
||||
<!--begin::Users group-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap">
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
|
||||
<img alt="Pic" src="/massets/media/avatars/300-2.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
|
||||
<img alt="Pic" src="/massets/media/avatars/300-3.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
|
||||
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Users group-->
|
||||
<!--begin::Actions-->
|
||||
<a href="../../demo1/dist/apps/projects/project.html" class="d-flex align-items-center text-primary opacity-75-hover fs-6 fw-semibold">View Project
|
||||
<i class="ki-duotone ki-exit-right-corner fs-4 ms-1">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
</i></a>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Card widget 18-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-6">
|
||||
<!--begin::Chart widget 36-->
|
||||
<div class="card card-flush overflow-hidden h-lg-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-dark">Performance</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">1,046 Inbound Calls today</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
|
||||
<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" data-kt-daterangepicker-range="today" class="btn btn-sm btn-light d-flex align-items-center px-4">
|
||||
<!--begin::Display range-->
|
||||
<div class="text-gray-600 fw-bold">Loading date range...</div>
|
||||
<!--end::Display range-->
|
||||
<i class="ki-duotone ki-calendar-8 fs-1 ms-2 me-0">
|
||||
<span class="path1"></span>
|
||||
<span class="path2"></span>
|
||||
<span class="path3"></span>
|
||||
<span class="path4"></span>
|
||||
<span class="path5"></span>
|
||||
<span class="path6"></span>
|
||||
</i>
|
||||
</div>
|
||||
<!--end::Daterangepicker-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex align-items-end p-0">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_36" class="min-h-auto w-100 ps-4 pe-6" style="height: 300px"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Chart widget 36-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
|
||||
</div>
|
||||
<!--end::Content container-->
|
||||
|
||||
Reference in New Issue
Block a user