Initial commit
This commit is contained in:
Daeng Deni Mardaeni
66
resources/views/partials/menus/_menu-2.blade.php
Normal file
66
resources/views/partials/menus/_menu-2.blade.php
Normal file
@ -0,0 +1,66 @@
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
76
resources/views/partials/menus/_menu-3.blade.php
Normal file
76
resources/views/partials/menus/_menu-3.blade.php
Normal file
@ -0,0 +1,76 @@
|
||||
<!--begin::Menu 3-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
|
||||
<!--begin::Heading-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Create Invoice</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link flex-stack px-3">Create Payment
|
||||
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span></a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Generate Bill</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">Subscription</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Plans</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Billing</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Statements</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3">
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
||||
<!--end::Input-->
|
||||
<!--end::Label-->
|
||||
<span class="form-check-label text-muted fs-6">Recuring</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-1">
|
||||
<a href="#" class="menu-link px-3">Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 3-->
|
||||
163
resources/views/partials/menus/_my-apps-menu.blade.php
Normal file
163
resources/views/partials/menus/_my-apps-menu.blade.php
Normal file
@ -0,0 +1,163 @@
|
||||
<!--begin::My apps-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-100 w-sm-350px" data-kt-menu="true">
|
||||
<!--begin::Card-->
|
||||
<div class="card">
|
||||
<!--begin::Card header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card title-->
|
||||
<div class="card-title">My Apps</div>
|
||||
<!--end::Card title-->
|
||||
<!--begin::Card toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n3" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-end">{!! getIcon('setting-3', 'fs-2') !!}</button>
|
||||
@include('partials/menus/_menu-3')
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Card toolbar-->
|
||||
</div>
|
||||
<!--end::Card header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body py-5">
|
||||
<!--begin::Scroll-->
|
||||
<div class="mh-450px scroll-y me-n5 pe-5">
|
||||
<!--begin::Row-->
|
||||
<div class="row g-2">
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/amazon.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">AWS</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/angular-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">AngularJS</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/atica.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Atica</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/beats-electronics.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Music</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/codeigniter.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Codeigniter</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/bootstrap-4.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Bootstrap</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-tag-manager.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">GTM</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/disqus.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Disqus</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Dribble</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-play-store.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Play Store</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-podcasts.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Podcasts</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/figma-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Figma</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/github.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Github</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/gitlab.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Gitlab</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Instagram</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/pinterest-p.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Pinterest</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Scroll-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
</div>
|
||||
<!--end::My apps-->
|
||||
441
resources/views/partials/menus/_notifications-menu.blade.php
Normal file
441
resources/views/partials/menus/_notifications-menu.blade.php
Normal file
@ -0,0 +1,441 @@
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true" id="kt_menu_notifications">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('assets/media/misc/menu-header-bg.jpg')">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-white fw-semibold px-9 mt-10 mb-6">Notifications
|
||||
<span class="fs-8 opacity-75 ps-3">24 reports</span></h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Tabs-->
|
||||
<ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-semibold px-9">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_1">Alerts</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" href="#kt_topbar_notifications_2">Updates</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_3">Logs</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Tabs-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Tab content-->
|
||||
<div class="tab-content">
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade" id="kt_topbar_notifications_1" role="tabpanel">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-325px my-5 px-8">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-primary">{!! getIcon('abstract-28', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Alice</a>
|
||||
<div class="text-gray-400 fs-7">Phase 1 development</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">1 hr</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-danger">{!! getIcon('information', 'fs-2 text-danger') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">HR Confidential</a>
|
||||
<div class="text-gray-400 fs-7">Confidential staff documents</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-warning">{!! getIcon('briefcase', 'fs-2 text-warning') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Company HR</a>
|
||||
<div class="text-gray-400 fs-7">Corporeate staff profiles</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">5 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-success">{!! getIcon('abstract-12', 'fs-2 text-success') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Redux</a>
|
||||
<div class="text-gray-400 fs-7">New frontend admin theme</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 days</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-primary">{!! getIcon('colors-square', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Breafing</a>
|
||||
<div class="text-gray-400 fs-7">Product launch status update</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">21 Jan</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-info">{!! getIcon('picture ', 'fs-2 text-info') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Banner Assets</a>
|
||||
<div class="text-gray-400 fs-7">Collection of banner images</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">21 Jan</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-warning">{!! getIcon('color-swatch', 'fs-2 text-warning') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Icon Assets</a>
|
||||
<div class="text-gray-400 fs-7">Collection of SVG icons</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">20 March</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-3 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getIcon('arrow-right', 'fs-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade show active" id="kt_topbar_notifications_2" role="tabpanel">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column px-9">
|
||||
<!--begin::Section-->
|
||||
<div class="pt-10 pb-0">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-dark text-center fw-bold">Get Pro Access</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Text-->
|
||||
<div class="text-center text-gray-600 fw-semibold pt-1">Outlines keep you honest. They stoping you from amazing poorly about drive</div>
|
||||
<!--end::Text-->
|
||||
<!--begin::Action-->
|
||||
<div class="text-center mt-5 mb-9">
|
||||
<a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade</a>
|
||||
</div>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4">
|
||||
<img class="mw-100 mh-200px" alt="image" src="assets/media/illustrations/sketchy-1/1.png" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-325px my-5 px-8">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New order</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Just now</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New customer</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Payment process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">5 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Search query</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 days</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API connection</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">1 week</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Database restore</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Mar 5</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">System update</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">May 15</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Server OS update</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Apr 3</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API rollback</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Jun 30</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Refund process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Jul 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Withdrawal process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Sep 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Mail tasks</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Dec 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-3 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getIcon('arrow-right', 'fs-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
</div>
|
||||
<!--end::Tab content-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
52
resources/views/partials/menus/_quick-links-menu.blade.php
Normal file
52
resources/views/partials/menus/_quick-links-menu.blade.php
Normal file
@ -0,0 +1,52 @@
|
||||
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-250px w-lg-325px" data-kt-menu="true">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10" style="background-image:url('{{ image('misc/menu-header-bg.jpg') }}')">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-white fw-semibold mb-3">Quick Links</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Status-->
|
||||
<span class="badge bg-primary py-2 px-3">25 pending tasks</span>
|
||||
<!--end::Status-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin:Nav-->
|
||||
<div class="row g-0">
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end border-bottom">{!! getSvgIcon('duotune/finance/fin009.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Accounting</span>
|
||||
<span class="fs-7 text-gray-400">eCommerce</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-bottom">{!! getSvgIcon('duotune/communication/com010.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Administration</span>
|
||||
<span class="fs-7 text-gray-400">Console</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end">{!! getSvgIcon('duotune/abstract/abs042.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Projects</span>
|
||||
<span class="fs-7 text-gray-400">Pending Tasks</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light">{!! getSvgIcon('duotune/finance/fin006.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Customers</span>
|
||||
<span class="fs-7 text-gray-400">Latest cases</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
</div>
|
||||
<!--end:Nav-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-2 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getSvgIcon('duotune/arrows/arr064.svg', 'svg-icon svg-icon-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
43
resources/views/partials/menus/_user-account-menu.blade.php
Normal file
43
resources/views/partials/menus/_user-account-menu.blade.php
Normal file
@ -0,0 +1,43 @@
|
||||
<!--begin::User account menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content d-flex align-items-center px-3">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-50px me-5">
|
||||
<img alt="Logo" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Username-->
|
||||
<div class="d-flex flex-column">
|
||||
<div class="fw-bold d-flex align-items-center fs-5">{{ Auth::user()->name }}
|
||||
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">{{ Auth::user()->role }}</span></div>
|
||||
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">{{ Auth::user()->email }}</a>
|
||||
</div>
|
||||
<!--end::Username-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5">
|
||||
<a href="#" class="menu-link px-5">My Profile</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5 my-1">
|
||||
<a href="#" class="menu-link px-5">Account Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5">
|
||||
<a href="{{ route('logout') }}" class="menu-link px-5">Sign Out</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::User account menu-->
|
||||
Reference in New Issue
Block a user