351 lines
20 KiB
PHP
Executable File
351 lines
20 KiB
PHP
Executable File
<!-- Right Sidebar -->
|
|
<div class="right-bar">
|
|
<div data-simplebar class="h-100">
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" data-bs-toggle="tab" href="#chat-tab" role="tab">
|
|
<i class="mdi mdi-message-text d-block font-22 my-1"></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" data-bs-toggle="tab" href="#tasks-tab" role="tab">
|
|
<i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2 active" data-bs-toggle="tab" href="#settings-tab" role="tab">
|
|
<i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content pt-0">
|
|
<div class="tab-pane" id="chat-tab" role="tabpanel">
|
|
|
|
<form class="search-bar p-3">
|
|
<div class="position-relative">
|
|
<input type="text" class="form-control" placeholder="Search...">
|
|
<span class="mdi mdi-magnify"></span>
|
|
</div>
|
|
</form>
|
|
|
|
<h6 class="fw-medium px-3 mt-2 text-uppercase">Group Chats</h6>
|
|
|
|
<div class="p-2">
|
|
<a href="javascript: void(0);" class="text-reset notification-item ps-3 mb-2 d-block">
|
|
<i class="mdi mdi-checkbox-blank-circle-outline me-1 text-success"></i>
|
|
<span class="mb-0 mt-1">App Development</span>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item ps-3 mb-2 d-block">
|
|
<i class="mdi mdi-checkbox-blank-circle-outline me-1 text-warning"></i>
|
|
<span class="mb-0 mt-1">Office Work</span>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item ps-3 mb-2 d-block">
|
|
<i class="mdi mdi-checkbox-blank-circle-outline me-1 text-danger"></i>
|
|
<span class="mb-0 mt-1">Personal Group</span>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item ps-3 d-block">
|
|
<i class="mdi mdi-checkbox-blank-circle-outline me-1"></i>
|
|
<span class="mb-0 mt-1">Freelance</span>
|
|
</a>
|
|
</div>
|
|
|
|
<h6 class="fw-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-end mdi mdi-plus-circle"></i></a></h6>
|
|
|
|
<div class="p-2">
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-10.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status online"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">It will seem like simplified English.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-1.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status away"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-9.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status busy"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<h6 class="fw-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-end mdi mdi-plus-circle"></i></a></h6>
|
|
|
|
<div class="p-2 pb-4">
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-2.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status online"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-4.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status away"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-5.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status online"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-6.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status online"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">It will seem like simplified English.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-7.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status busy"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">The new common language will be more simple.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset notification-item">
|
|
<div class="d-flex align-items-start noti-user-item">
|
|
<div class="position-relative me-2">
|
|
<img src="{{asset('assets/images/users/user-8.jpg')}}" class="rounded-circle avatar-sm" alt="user-pic">
|
|
<i class="mdi mdi-circle user-status away"></i>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h6 class="mt-0 mb-1 font-14">Hayley East</h6>
|
|
<div class="font-13 text-muted">
|
|
<p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="text-center mt-3">
|
|
<a href="javascript:void(0);" class="btn btn-sm btn-white">
|
|
<i class="mdi mdi-spin mdi-loading me-2"></i>
|
|
Load more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane" id="tasks-tab" role="tabpanel">
|
|
<h6 class="fw-medium p-3 m-0 text-uppercase">Working Tasks</h6>
|
|
<div class="px-2">
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">App Development<span class="float-end">75%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">Database Repair<span class="float-end">37%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">Backup Create<span class="float-end">52%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<h6 class="fw-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
|
|
|
|
<div class="p-2">
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">Sales Reporting<span class="float-end">12%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">Redesign Website<span class="float-end">67%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
|
|
<p class="text-muted mb-0">New Admin Design<span class="float-end">84%</span></p>
|
|
<div class="progress mt-2" style="height: 4px;">
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="p-3 mt-2 d-grid">
|
|
<a href="javascript: void(0);" class="btn btn-success waves-effect waves-light">Create Task</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tab-pane active" id="settings-tab" role="tabpanel">
|
|
<h6 class="fw-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
|
|
<span class="d-block py-1">Theme Settings</span>
|
|
</h6>
|
|
|
|
<div class="p-3">
|
|
<div class="alert alert-warning" role="alert">
|
|
<strong>Customize </strong> the overall color scheme, sidebar menu, etc.
|
|
</div>
|
|
|
|
<h6 class="fw-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="color-scheme-mode" value="light" id="light-mode-check" checked />
|
|
<label class="form-check-label" for="light-mode-check">Light Mode</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="color-scheme-mode" value="dark" id="dark-mode-check" />
|
|
<label class="form-check-label" for="dark-mode-check">Dark Mode</label>
|
|
</div>
|
|
|
|
<!-- Width -->
|
|
<h6 class="fw-medium font-14 mt-4 mb-2 pb-1">Width</h6>
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="width" value="fluid" id="fluid-check" checked />
|
|
<label class="form-check-label" for="fluid-check">Fluid</label>
|
|
</div>
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="width" value="boxed" id="boxed-check" />
|
|
<label class="form-check-label" for="boxed-check">Boxed</label>
|
|
</div>
|
|
|
|
<!-- Left Sidebar-->
|
|
<h6 class="fw-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="leftsidebar-color" value="light" id="light-check" />
|
|
<label class="form-check-label" for="light-check">Light</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="leftsidebar-color" value="dark" id="dark-check" checked />
|
|
<label class="form-check-label" for="dark-check">Dark</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="leftsidebar-color" value="brand" id="brand-check" />
|
|
<label class="form-check-label" for="brand-check">Brand</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-3">
|
|
<input type="checkbox" class="form-check-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
|
|
<label class="form-check-label" for="gradient-check">Gradient</label>
|
|
</div>
|
|
|
|
|
|
<!-- Topbar -->
|
|
<h6 class="fw-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="topbar-color" value="dark" id="darktopbar-check" checked />
|
|
<label class="form-check-label" for="darktopbar-check">Dark</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-1">
|
|
<input type="checkbox" class="form-check-input" name="topbar-color" value="light" id="lighttopbar-check" />
|
|
<label class="form-check-label" for="lighttopbar-check">Light</label>
|
|
</div>
|
|
|
|
|
|
<div class="d-grid mt-4">
|
|
<button class="btn btn-primary" id="resetBtn">Reset to Default</button>
|
|
<a href="https://1.envato.market/uboldadmin" class="btn btn-danger mt-3" target="_blank"><i class="mdi mdi-basket me-1"></i> Purchase Now</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end slimscroll-menu-->
|
|
</div>
|
|
<!-- /Right-bar -->
|
|
|
|
<!-- Right bar overlay-->
|
|
<div class="rightbar-overlay"></div> |