file-management-system/resources/views/layout/partials/sidebar-layout/sidebar/_logo.blade.php

30 lines
2.1 KiB
PHP
Raw Normal View History

2023-04-11 09:21:20 +00:00
<!--begin::Logo-->
<div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
<!--begin::Logo image-->
2023-09-26 09:39:39 +00:00
<a href="{{ route('dashboard') }}">
2023-11-03 09:12:15 +00:00
<img alt="Logo" src="{{ image('logos/default-dark.svg') }}" class="h-25px app-sidebar-logo-default" />
<img alt="Logo" src="{{ image('logos/default-small.svg') }}" class="h-20px app-sidebar-logo-minimize" />
2023-04-11 09:21:20 +00:00
</a>
<!--end::Logo image-->
<!--begin::Sidebar toggle-->
<!--begin::Minimized sidebar setup:
if (isset($_COOKIE["sidebar_minimize_state"]) && $_COOKIE["sidebar_minimize_state"] === "on") {
1. "src/js/layout/sidebar.js" adds "sidebar_minimize_state" cookie value to save the sidebar minimize state.
2. Set data-kt-app-sidebar-minimize="on" attribute for body tag.
3. Set data-kt-toggle-state="active" attribute to the toggle element with "kt_app_sidebar_toggle" id.
4. Add "active" class to to sidebar toggle element with "kt_app_sidebar_toggle" id.
}
-->
2023-09-26 09:39:39 +00:00
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">{!! getIcon('black-left-line', 'fs-3 rotate-180 ms-1') !!}</div>
<script type="text/javascript">
var sidebar_toggle = document.getElementById("kt_app_sidebar_toggle"); // Get the sidebar toggle button element
2023-11-03 09:12:15 +00:00
@if (isset($_COOKIE["sidebar_minimize_state"]) && $_COOKIE["sidebar_minimize_state"] === "on")
2023-09-26 09:39:39 +00:00
document.body.setAttribute("data-kt-app-sidebar-minimize", "on"); // Set the 'data-kt-app-sidebar-minimize' attribute for the body tag
sidebar_toggle.setAttribute("data-kt-toggle-state", "active"); // Set the 'data-kt-toggle-state' attribute for the sidebar toggle button
sidebar_toggle.classList.add("active"); // Add the 'active' class to the sidebar toggle button
@endif
</script>
2023-04-11 09:21:20 +00:00
<!--end::Sidebar toggle-->
</div>
<!--end::Logo-->