mirror of
https://github.com/snipe/snipe-it.git
synced 2026-02-04 16:25:39 +00:00
2263 lines
108 KiB
PHP
2263 lines
108 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ Helper::determineLanguageDirection() }}" data-theme="light">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>
|
|
@section('title')
|
|
@show
|
|
:: {{ $snipeSettings->site_name }}
|
|
</title>
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
|
<link rel="apple-touch-icon"
|
|
href="{{ ($snipeSettings) && ($snipeSettings->favicon!='') ? Storage::disk('public')->url(e($snipeSettings->logo)) : config('app.url').'/img/snipe-logo-bug.png' }}">
|
|
<link rel="apple-touch-startup-image"
|
|
href="{{ ($snipeSettings) && ($snipeSettings->favicon!='') ? Storage::disk('public')->url(e($snipeSettings->logo)) : config('app.url').'/img/snipe-logo-bug.png' }}">
|
|
<link rel="shortcut icon" type="image/ico"
|
|
href="{{ ($snipeSettings) && ($snipeSettings->favicon!='') ? Storage::disk('public')->url(e($snipeSettings->favicon)) : config('app.url').'/favicon.ico' }}">
|
|
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<meta name="language" content="{{ Helper::mapBackToLegacyLocale(app()->getLocale()) }}">
|
|
<meta name="language-direction" content="{{ Helper::determineLanguageDirection() }}">
|
|
<meta name="baseUrl" content="{{ config('app.url') }}/">
|
|
<meta name="theme-color" content="{{ $snipeSettings->header_color ?? '#5fa4cc' }}">
|
|
|
|
<script nonce="{{ csrf_token() }}">
|
|
window.Laravel = {csrfToken: '{{ csrf_token() }}'};
|
|
</script>
|
|
|
|
{{-- stylesheets --}}
|
|
<link rel="stylesheet" href="{{ url(mix('css/dist/all.css')) }}">
|
|
|
|
{{-- page level css --}}
|
|
@stack('css')
|
|
|
|
|
|
<style>
|
|
|
|
:root {
|
|
color-scheme: light dark;
|
|
--btn-theme-hover-text-color: {{ $nav_link_color ?? 'light-dark(hsl(from var(--main-theme-color) h s calc(l - 10)),hsl(from var(--main-theme-color) h s calc(l - 10)))' }};
|
|
--btn-theme-hover: {{ $nav_link_color ?? 'light-dark(hsl(from var(--main-theme-color) h s calc(l - 10)),hsl(from var(--main-theme-color) h s calc(l - 10)))' }};
|
|
--btn-theme-text-color: {{ $nav_link_color ?? 'light-dark(hsl(from var(--main-theme-color) h s calc(l + 10)),hsl(from var(--main-theme-color) h s calc(l - 10)))' }};
|
|
--color-fg: light-dark(#373636, #ffffff);
|
|
--main-footer-bg-color: light-dark(#ffffff,#3d4144);
|
|
--main-footer-text-color: light-dark(#605e5e, #d2d6de);
|
|
--main-footer-top-border-color: light-dark(#d2d6de,#605e5e);
|
|
--main-theme-color: {{ $snipeSettings->header_color ?? '#3c8dbc' }};
|
|
--nav-hover-text-color: {{ $nav_link_color ?? 'hsl(from var(--main-theme-color) h s calc(l - 10))' }};
|
|
--nav-primary-text-color: {{ $nav_link_color ?? '#ffffff' }};
|
|
--search-highlight: #e9d15b;
|
|
--sidenav-hover-color-bg: #4c4b4b;
|
|
--sidenav-text-hover-color: #fff;
|
|
--sidenav-text-nohover-color: #b8c7ce;
|
|
--table-border-row-color: light-dark(#ecf0f5, #656464);
|
|
--table-border-row-top: 1px solid #ecf0f5;
|
|
--table-border-row: 1px solid var(--table-border-row-color);
|
|
--table-stripe-bg-alt: light-dark(rgba(211, 211, 211, 0.25), #323131);
|
|
--table-stripe-bg: light-dark(#ffffff, #494747);
|
|
--text-danger: light-dark(#a94442, #fa5b48);
|
|
--text-help: light-dark(#777676,#a6a4a4);
|
|
--text-info: light-dark(#31708f,#2baae6);
|
|
--text-success: light-dark(#039516,#4ced61);
|
|
--text-warning: light-dark(#da9113,#f3a51f);
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
color-scheme: light;
|
|
--box-bg: #ffffff;
|
|
--box-header-bottom-border-color: #f4f4f4;
|
|
--box-header-bottom-border: 1px solid var(--box-header-bottom-border-color);
|
|
--box-header-top-border-color: #d2d6de;
|
|
--box-header-top-border: 3px solid var(--box-header-top-border-color);
|
|
--btn-theme-base: hsl(from var(--main-theme-color) h s calc(l + 5));
|
|
--btn-theme-border: hsl(from var(--btn-theme-base) h s calc(l + 20));
|
|
--btn-theme-hover-text-color: var(--nav-primary-text-color);
|
|
--btn-theme-hover: var(--main-theme-hover);
|
|
--callout-bg-color: var(--box-header-bottom-border-color);
|
|
--callout-left-border: var(--box-header-top-border-color);
|
|
--color-bg: #ecf0f5;
|
|
--header-color: #000000;
|
|
--input-group-bg: hsl(from var(--box-bg) h s calc(l - 5));
|
|
--input-group-fg: hsl(from var(--input-group-bg) h s calc(l - 50));
|
|
--link-color: {{ $link_light_color ?? '#296282' }};
|
|
--link-hover: hsl(from var(--link-color) h s calc(l - 10));
|
|
--main-theme-hover: hsl(from var(--main-theme-color) h s calc(l - 10));
|
|
--tab-bottom-border: 1px solid var(--box-header-top-border-color);
|
|
--text-legend-help: var(--text-help);
|
|
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--box-bg: #3d4144;
|
|
--box-header-bottom-border-color: #605e5e;
|
|
--box-header-bottom-border: 1px solid var(--box-header-bottom-border-color);
|
|
--box-header-top-border-color: #605e5e;
|
|
--box-header-top-border: 3px solid var(--box-header-top-border-color);
|
|
--btn-theme-base: hsl(from var(--main-theme-color) h s calc(l + 5));
|
|
--btn-theme-border: hsl(from var(--btn-theme-base) h s calc(l + 20));
|
|
--btn-theme-hover-text-color: var(--nav-primary-text-color);
|
|
--btn-theme-hover: var(--main-theme-hover);
|
|
--callout-bg-color: var(--box-header-top-border-color);
|
|
--callout-left-border: #323131;
|
|
--color-bg: #222222;
|
|
--header-color: #ffffff;
|
|
--input-group-bg: hsl(from var(--box-bg) h s calc(l + 10));
|
|
--input-group-fg: hsl(from var(--input-group-bg) h s calc(l + 50));
|
|
--link-color: {{ $link_dark_color ?? '#5fa4cc' }};
|
|
--link-hover: hsl(from var(--link-color) h s calc(l + 15));
|
|
--main-theme-hover: hsl(from var(--main-theme-color) h s calc(l - 10));
|
|
--tab-bottom-border: 1px solid var(--box-header-top-border-color);
|
|
--text-legend-help: #d6d6d6;
|
|
|
|
}
|
|
|
|
.label2_fields,
|
|
.l2fd-main,
|
|
.l2fd-listitem
|
|
{
|
|
background-color: var(--box-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
footer.main-footer {
|
|
color: var(--main-footer-text-color) !important;
|
|
background-color: var(--main-footer-bg-color) !important;
|
|
border-top: 1px solid var(--main-footer-top-border-color) !important;
|
|
}
|
|
|
|
a,
|
|
a:link,
|
|
a:visited
|
|
{
|
|
color: var(--link-color);
|
|
}
|
|
|
|
a:hover,
|
|
a:focus
|
|
{
|
|
color: var(--link-hover) !important;
|
|
}
|
|
|
|
|
|
.footer-links a {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
h2 small {
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.btn-theme {
|
|
background-color: var(--btn-theme-base);
|
|
/*color: var(--btn-theme-hover-text-color) !important;*/
|
|
color: var(--nav-primary-text-color) !important;
|
|
border: 1px solid hsl(from var(--btn-theme-base) h s calc(l - 15)) !important;
|
|
}
|
|
|
|
.btn-theme:hover {
|
|
background-color: var(--btn-theme-hover);
|
|
/*color: var(--btn-theme-hover-text-color) !important;*/
|
|
color: var(--nav-primary-text-color) !important;
|
|
border: 1px solid hsl(from var(--btn-theme-base) h s calc(l - 15)) !important;
|
|
}
|
|
|
|
|
|
.dropdown-wrapper,
|
|
.js-data-ajax,
|
|
.option,
|
|
.select2 .select2-container .select2-container--default,
|
|
.select2,
|
|
.select2-choice,
|
|
.select2-container,
|
|
.select2-results__option,
|
|
.select2-search input,
|
|
.select2-search--dropdown,
|
|
.select2-search__field,
|
|
.select2-selection .select2-selection--single,
|
|
.select2-selection,
|
|
.select2-selection--single,
|
|
.select2-selection__rendered,
|
|
input[type="date"],
|
|
input[type="number"],
|
|
input[type="text"],
|
|
input[type="url"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
option:active,
|
|
option[active],
|
|
option[selected],
|
|
select option,
|
|
select,
|
|
textarea
|
|
{
|
|
background-color: var(--table-stripe-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
|
|
}
|
|
|
|
.input-group-addon {
|
|
background-color: var(--input-group-bg) !important;
|
|
color: var(--input-group-fg) !important;
|
|
}
|
|
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple,
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
}
|
|
|
|
.select2-results__option[aria-selected=true] /** this handles the selected option */
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
|
|
/**
|
|
Highlight the select2 on hover
|
|
*/
|
|
.select2-results__option--highlighted[aria-selected=false] {
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l + 20)) !important;
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.select2-results__option--highlighted[aria-selected=true] {
|
|
/*background-color: hsl(from var(--main-theme-color) h s calc(l + 20)) !important;*/
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.select2-selection__choice,
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice
|
|
{
|
|
background-color: var(--main-theme-color) !important;
|
|
border-color: hsl(from var(--main-theme-color) h s calc(l - 15)) !important;
|
|
}
|
|
|
|
.select2-selection__choice__remove {
|
|
color: white !important;
|
|
}
|
|
|
|
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
color: var(--color-fg) !important;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
|
|
input[type="text"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="password"]:focus,
|
|
textarea:focus
|
|
{
|
|
border-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
}
|
|
|
|
|
|
input[type="search"].search-highlight {
|
|
background-color: var(--search-highlight);
|
|
border: 1px solid hsl(from var(--search-highlight) h s calc(l - 20)) !important;
|
|
}
|
|
|
|
.content-wrapper {
|
|
background-color: var(--color-bg);
|
|
}
|
|
|
|
.btn-anchor {
|
|
outline: none !important;
|
|
padding: 0;
|
|
border: 0;
|
|
padding-left: 20px;
|
|
vertical-align: baseline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
p,
|
|
.modal-title,
|
|
.modal-header h2
|
|
{
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.btn-danger,
|
|
.btn-danger:hover,
|
|
.btn-danger:focus,
|
|
.btn-warning,
|
|
.btn-warning:hover,
|
|
.btn-warning:focus,
|
|
.btn-primary,
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.modal-danger,
|
|
.modal-danger h2,
|
|
.modal-warning h2,
|
|
.bg-maroon,
|
|
.bg-maroon:hover,
|
|
.bg-maroon:focus,
|
|
.bg-purple,
|
|
.bg-purple:hover,
|
|
.bg-purple:focus
|
|
{
|
|
color: white !important;
|
|
}
|
|
|
|
.btn-selected,
|
|
.btn-selected a,
|
|
.btn-selected:hover,
|
|
.btn-selected:focus {
|
|
color: light-dark(hsl(from var(--main-theme-color) h s calc(l + 30)), hsl(from var(--main-theme-color) h s calc(l + 30))) !important;
|
|
background-color: light-dark(hsl(from var(--main-theme-color) h s calc(l - 20)), hsl(from var(--main-theme-color) h s calc(l - 20))) !important;
|
|
border-color: light-dark(hsl(from var(--main-theme-color) h s calc(l - 25)), hsl(from var(--main-theme-color) h s calc(l - 25))) !important;
|
|
|
|
}
|
|
|
|
.btn-default,
|
|
.btn-default:hover
|
|
{
|
|
color: #3d4144 !important;
|
|
}
|
|
|
|
body
|
|
{
|
|
background-color: var(--color-bg);
|
|
color: var(--color-fg);
|
|
}
|
|
|
|
|
|
|
|
label,
|
|
.icon-med,
|
|
.nav-tabs-custom > .nav-tabs > li > a,
|
|
.nav-tabs-custom > .nav-tabs > li.active > a:link
|
|
{
|
|
color: var(--color-fg);
|
|
}
|
|
|
|
.popover.right .arrow:after
|
|
{
|
|
border-right-color: var(--box-bg) !important;
|
|
}
|
|
|
|
.popover.right .arrow {
|
|
border-right-color: var(--box-bg) !important;
|
|
}
|
|
|
|
.table-bordered > tbody > tr > td,
|
|
.table-bordered > tbody > tr > th,
|
|
.table-bordered > tfoot > tr > td,
|
|
.table-bordered > tfoot > tr > th,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered,
|
|
.well
|
|
{
|
|
border: 1px solid var(--box-header-top-border-color) !important;
|
|
border-left-color: var(--box-header-top-border-color) !important;
|
|
border-right-color: var(--box-header-top-border-color) !important;
|
|
}
|
|
|
|
.box {
|
|
border-top: 3px solid;
|
|
}
|
|
|
|
.box.box-default {
|
|
border-top: var(--box-header-top-border);
|
|
}
|
|
|
|
.box-header.with-border {
|
|
border-bottom: var(--box-header-bottom-border);
|
|
}
|
|
|
|
.box-footer
|
|
{
|
|
border-top: var(--box-header-bottom-border);
|
|
}
|
|
|
|
|
|
.nav-tabs-custom > .nav-tabs {
|
|
border-bottom: var(--tab-bottom-border);
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
.nav-tabs > li > a {
|
|
margin-right: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.box,
|
|
.box-footer,
|
|
.tab-content,
|
|
.nav-tabs-custom,
|
|
.nav-tabs-custom > .nav-tabs > li,
|
|
.nav-tabs-custom > .nav-tabs > li:first-of-type,
|
|
.nav-tabs-custom > .nav-tabs > li.active > a:link,
|
|
.nav-tabs-custom > .nav-tabs > li.active > a:visited,
|
|
.nav-tabs-custom > .nav-tabs > li.active > a:hover,
|
|
.bootstrap-table.fullscreen,
|
|
.well
|
|
{
|
|
|
|
color: var(--color-fg);
|
|
background-color: var(--box-bg) !important;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
|
|
}
|
|
|
|
.panel {
|
|
border-color: var(--box-header-top-border-color);
|
|
}
|
|
.panel-body {
|
|
background-color: var(--box-bg) !important;
|
|
}
|
|
|
|
.panel-heading,
|
|
.panel-default > .panel-heading
|
|
{
|
|
color: var(--color-fg) !important;
|
|
background-color: var(--table-stripe-bg-alt) !important;
|
|
border-color: var(--box-header-top-border-color);
|
|
}
|
|
|
|
.panel-footer {
|
|
background-color: var(--box-bg) !important;
|
|
border-color: var(--box-header-top-border-color);
|
|
}
|
|
|
|
.nav-tabs-custom > .nav-tabs > li.active
|
|
{
|
|
border-top-color: var(--main-theme-color) !important;
|
|
background-color: var(--box-header-top-border-color) !important;
|
|
border-bottom: 2px solid var(--box-bg) !important;
|
|
border-right: 1px solid var(--box-header-top-border-color) ;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
}
|
|
|
|
.nav-tabs-custom > .nav-tabs > li:first-of-type {
|
|
border-left: 0;
|
|
}
|
|
|
|
|
|
/**
|
|
This fixes the weird spacing in the nav tabs if there is a badge count on the tab
|
|
*/
|
|
.badge {
|
|
font-size: 11px;
|
|
}
|
|
|
|
/**
|
|
table rows
|
|
*/
|
|
|
|
.table > thead > tr > th,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > tbody > tr > td,
|
|
.table > tfoot > tr > td
|
|
{
|
|
border-top: var(--table-border-row) !important;
|
|
}
|
|
|
|
|
|
.table-striped > tbody > tr:nth-of-type(even),
|
|
.row-new-striped > .row:nth-of-type(even),
|
|
.row-new-striped > .div:nth-of-type(odd) {
|
|
background-color: var(--table-stripe-bg) !important;
|
|
border-top: var(--table-border-row-top) !important;
|
|
}
|
|
|
|
.table-striped > tbody > tr:nth-of-type(odd),
|
|
.row-new-striped > .row:nth-of-type(even),
|
|
.row-new-striped > .div:nth-of-type(odd)
|
|
{
|
|
background-color: var(--table-stripe-bg-alt) !important;
|
|
border-top: var(--table-border-row-top) !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
main header nav
|
|
*/
|
|
|
|
|
|
.dropdown-menu {
|
|
background-color: var(--main-theme-color);
|
|
border-color: var(--main-theme-color);
|
|
}
|
|
|
|
|
|
.dropdown-menu > li,
|
|
.navbar,
|
|
.navbar-nav,
|
|
.label-default,
|
|
.label-default:hover
|
|
{
|
|
background-color: var(--main-theme-color);
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
|
|
.dropdown-menu > li > a:link,
|
|
.dropdown-menu > li > a:visited,
|
|
.dropdown-menu > .active > a:link,
|
|
.dropdown-menu > .active > a:visited,
|
|
.navbar-nav .open > a:link,
|
|
.navbar-nav .open > a:visited,
|
|
.navbar-nav > li > a:link,
|
|
.navbar-nav > li > a:visited
|
|
{
|
|
background-color: var(--main-theme-color);
|
|
/*background-color: rgba(0,0,0,.15);*/
|
|
color: var(--nav-primary-text-color) !important;
|
|
/*color: var(--nav-primary-text-color) !important;*/
|
|
|
|
}
|
|
|
|
.btn-tableButton.active.focus,
|
|
.btn-tableButton.active:focus,
|
|
.btn-tableButton.active:hover,
|
|
.dropdown-menu > .active > a:focus,
|
|
.dropdown-menu > .active > a:hover,
|
|
.dropdown-menu > .active > a:link,
|
|
.dropdown-menu > .active > a:visited,
|
|
.dropdown-menu > li > a:focus,
|
|
.dropdown-menu > li > a:hover,
|
|
.dropdown-menu > li:focus,
|
|
.dropdown-menu > li:hover,
|
|
.navbar-nav .open li.active > a:focus,
|
|
.navbar-nav .open li.active > a:hover,
|
|
.navbar-nav .open > a:focus,
|
|
.navbar-nav .open > a:hover,
|
|
.navbar-nav > li > a:focus,
|
|
.navbar-nav > li > a:hover,
|
|
.open > .dropdown-toggle.btn-tableButton:focus,
|
|
.open > .dropdown-toggle.btn-tableButton:hover,
|
|
.page-next a,
|
|
.pagination > .active > a:hover,
|
|
.page-item.active,
|
|
.pagination > .active > a,
|
|
.pagination > li > .active > a,
|
|
.pagination > li > .active > a:hover,
|
|
.pagination > li > a:hover
|
|
{
|
|
background-color: var(--main-theme-hover) !important;
|
|
border-color: var(--btn-theme-hover) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.pagination > li > a
|
|
{
|
|
background-color: var(--main-theme-color) !important;
|
|
border-color: var(--btn-theme-hover) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
|
|
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label
|
|
{
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label:hover
|
|
{
|
|
background-color: var(--main-theme-hover) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
|
|
.dropdown-menu,
|
|
.dropdown-menu > li
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 5));
|
|
border-color: hsl(from var(--main-theme-color) h s calc(l - 10));
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.main-header .navbar .nav>.active>a {
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
|
|
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
|
|
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
|
|
.navbar-nav > .tasks-menu > .dropdown-menu > li.header,
|
|
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
|
|
.navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu,
|
|
.navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu a:hover,
|
|
.navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li:hover,
|
|
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li:hover > a,
|
|
.task_menu
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
|
|
border-bottom: 1px solid hsl(from var(--main-theme-color) h s calc(l - 10));
|
|
}
|
|
|
|
|
|
/**
|
|
Active and hover for top tier sidenav items
|
|
*/
|
|
|
|
.main-sidebar {
|
|
background-color: #1e282c;
|
|
}
|
|
|
|
.sidebar-menu>li.active > a,
|
|
.sidebar-menu>li:hover>a,
|
|
.treeview-menu>li> a
|
|
{
|
|
color: var(--sidenav-text-hover-color) !important;
|
|
border-left-color: var(--main-theme-color);
|
|
}
|
|
|
|
.sidebar-menu > li:hover > a,
|
|
.sidebar-menu > li.active > a
|
|
{
|
|
border-left-color: var(--main-theme-color);
|
|
padding-left: 12px;
|
|
}
|
|
|
|
|
|
.sidebar-menu > li:hover {
|
|
background-color: #2c3b41;
|
|
}
|
|
|
|
.sidebar-menu>li>.treeview-menu,
|
|
{
|
|
background-color: #1e282c;
|
|
}
|
|
|
|
|
|
.sidebar-menu > li > a:link,
|
|
.sidebar-menu > li > a:visited,
|
|
.treeview-menu>li> a
|
|
{
|
|
color: var(--sidenav-text-nohover-color) !important;
|
|
}
|
|
|
|
.sidebar-menu > li.active > a,
|
|
.sidebar-menu > li:hover > a
|
|
{
|
|
background-color: #1e282c;
|
|
border-left-color: var(--main-theme-color);
|
|
border-left-style: solid;
|
|
border-left-width: 3px;
|
|
color: var(--sidenav-text-hover-color) !important;
|
|
}
|
|
|
|
thead,
|
|
tbody,
|
|
.table > thead > tr > th,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > tbody > tr > td,
|
|
.table > tfoot > tr > td
|
|
|
|
{
|
|
border-top-color: var(--box-header-bottom-border-color) !important;
|
|
border-bottom-color: var(--box-header-bottom-border-color) !important;
|
|
}
|
|
|
|
|
|
.help-block {
|
|
color: var(--text-help) !important;
|
|
}
|
|
|
|
.alert-msg,
|
|
.has-error
|
|
{
|
|
color: var(--text-danger) !important;
|
|
}
|
|
|
|
.has-error .form-control {
|
|
border-color: var(--text-danger);
|
|
}
|
|
|
|
.alert a {
|
|
color: white !important;
|
|
}
|
|
|
|
|
|
.text-dark-gray a:link,
|
|
.text-dark-gray a:hover,
|
|
.text-dark-gray a:visited,
|
|
.text-dark-gray a:focus
|
|
{
|
|
color: hsl(from var(--main-theme-color) h s calc(l - 5));
|
|
}
|
|
|
|
.text-warning {
|
|
color: var(--text-warning);
|
|
}
|
|
|
|
.text-info {
|
|
color: var(--text-info);
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--main-theme-color);
|
|
}
|
|
|
|
.text-danger {
|
|
color: var(--text-danger);
|
|
}
|
|
|
|
.text-success {
|
|
color: var(--text-success);
|
|
}
|
|
|
|
.dropdown-menu > .divider {
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 10));
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 1px;
|
|
|
|
}
|
|
|
|
input[type="radio"]::before {
|
|
box-shadow: inset 1em 1em hsl(from var(--main-theme-color) h s calc(l - 20)) !important;
|
|
}
|
|
|
|
|
|
input[type="checkbox"]::before {
|
|
box-shadow: inset 1em 1em hsl(from var(--main-theme-color) h s calc(l - 20)) !important;
|
|
}
|
|
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"],
|
|
label.form-control
|
|
{
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
|
|
.callout.callout-legend {
|
|
background-color: var(--callout-bg-color);
|
|
border-left: 5px solid var(--callout-left-border);
|
|
|
|
}
|
|
|
|
.callout-legend h4 a,
|
|
.callout-legend h4 a:hover
|
|
{
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
|
|
|
|
p.callout-subtext, p.callout-subtext a:hover, p.callout-subtext a:visited, p.callout-subtext a:link {
|
|
color: var(--text-legend-help) !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
legend {
|
|
border-bottom: 1px solid var(--callout-left-border);
|
|
}
|
|
|
|
th,
|
|
.fix-sticky table thead {
|
|
background-color: var(--box-bg);
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th,
|
|
.datepicker.dropdown-menu td,
|
|
.datepicker.datepicker-inline td
|
|
|
|
{
|
|
color: var(--color-fg);
|
|
border-color: var(--color-fg);
|
|
background-color: var(--box-bg) !important;
|
|
}
|
|
|
|
.datepicker.dropdown-menu th:hover,
|
|
.datepicker.datepicker-inline th:hover,
|
|
.datepicker.dropdown-menu td:hover,
|
|
.datepicker.datepicker-inline td:hover,
|
|
.datepicker table tr td span:hover,
|
|
.datepicker table tr td span.focused,
|
|
.logo:hover
|
|
{
|
|
background-color: var(--main-theme-color) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.datepicker.dropdown-menu,
|
|
.modal-content,
|
|
.popover.help-popover,
|
|
.popover.help-popover .popover-content,
|
|
.popover.help-popover .popover-body,
|
|
.popover.help-popover .popover-title,
|
|
.popover.help-popover .popover-header
|
|
{
|
|
background-color: var(--box-bg) !important;
|
|
/*color: var(--color-fg) !important;*/
|
|
color: contrast-color(var(--box-bg)) !important;
|
|
}
|
|
|
|
.treeview-menu > li {
|
|
background-color: #2c3b41;
|
|
color: var(--sidenav-text-nohover-color) !important;
|
|
}
|
|
|
|
.treeview-menu > li >a:hover,
|
|
.treeview-menu > li:hover,
|
|
.treeview-menu > li.active > a
|
|
{
|
|
color: white !important;
|
|
background-color: var(--sidenav-hover-color-bg) !important;
|
|
/*color: var(--sidenav-text-hover-color) !important;*/
|
|
}
|
|
|
|
.sidebar-toggle.btn,
|
|
.sidebar-toggle.btn:hover
|
|
{
|
|
color: white !important;
|
|
}
|
|
|
|
.chart-responsive {
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.table > tbody + tbody {
|
|
border-top: 0px !important;
|
|
}
|
|
|
|
h4#progress-text {
|
|
color: white !important;
|
|
}
|
|
|
|
.small-box h3, .small-box p {
|
|
color: white !important;
|
|
}
|
|
|
|
</style>
|
|
|
|
{{-- Custom CSS --}}
|
|
@if (($snipeSettings) && ($snipeSettings->custom_css))
|
|
<style>
|
|
{!! $snipeSettings->show_custom_css() !!}
|
|
</style>
|
|
@endif
|
|
|
|
|
|
<script nonce="{{ csrf_token() }}">
|
|
window.snipeit = {
|
|
settings: {
|
|
"per_page": {{ $snipeSettings->per_page }}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<script src="{{ url(asset('js/html5shiv.js')) }}" nonce="{{ csrf_token() }}"></script>
|
|
<script src="{{ url(asset('js/respond.js')) }}" nonce="{{ csrf_token() }}"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body class="sidebar-mini{{ (session('menu_state')!='open') ? ' sidebar-mini sidebar-collapse' : '' }}">
|
|
|
|
<a class="skip-main" href="#main">{{ trans('general.skip_to_main_content') }}</a>
|
|
<div class="wrapper">
|
|
|
|
<header class="main-header">
|
|
|
|
<!-- Logo -->
|
|
|
|
<!-- Header Navbar: style can be found in header.less -->
|
|
<nav class="navbar navbar-static-top" role="navigation">
|
|
<!-- Sidebar toggle button above the compact sidenav -->
|
|
<a href="#" style="color: white" class="sidebar-toggle btn btn-white" data-toggle="push-menu"
|
|
role="button">
|
|
<span class="sr-only">{{ trans('general.toggle_navigation') }}</span>
|
|
</a>
|
|
<div class="nav navbar-nav navbar-left">
|
|
<div class="left-navblock">
|
|
@if ($snipeSettings->brand == '3')
|
|
<a class="logo navbar-brand no-hover" href="{{ config('app.url') }}">
|
|
@if ($snipeSettings->logo!='')
|
|
<img class="navbar-brand-img"
|
|
src="{{ Storage::disk('public')->url($snipeSettings->logo) }}"
|
|
alt="{{ $snipeSettings->site_name }} logo">
|
|
@endif
|
|
{{ $snipeSettings->site_name }}
|
|
</a>
|
|
@elseif ($snipeSettings->brand == '2')
|
|
<a class="logo navbar-brand no-hover" href="{{ config('app.url') }}">
|
|
@if ($snipeSettings->logo!='')
|
|
<img class="navbar-brand-img"
|
|
src="{{ Storage::disk('public')->url($snipeSettings->logo) }}"
|
|
alt="{{ $snipeSettings->site_name }} logo">
|
|
@endif
|
|
<span class="sr-only">{{ $snipeSettings->site_name }}</span>
|
|
</a>
|
|
@else
|
|
<a class="logo navbar-brand no-hover" href="{{ config('app.url') }}">
|
|
{{ $snipeSettings->site_name }}
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navbar Right Menu -->
|
|
<div class="navbar-custom-menu">
|
|
<ul class="nav navbar-nav">
|
|
@can('index', \App\Models\Asset::class)
|
|
<li aria-hidden="true"{!! (request()->is('hardware*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('hardware') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=1" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.assets') }}">
|
|
<x-icon type="assets" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.assets') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\License::class)
|
|
<li aria-hidden="true"{!! (request()->is('licenses*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('licenses.index') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=2" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.licenses') }}">
|
|
<x-icon type="licenses" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.licenses') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('index', \App\Models\Accessory::class)
|
|
<li aria-hidden="true"{!! (request()->is('accessories*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('accessories.index') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=3" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.accessories') }}">
|
|
<x-icon type="accessories" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.accessories') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('index', \App\Models\Consumable::class)
|
|
<li aria-hidden="true"{!! (request()->is('consumables*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('consumables') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=4" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.consumables') }}">
|
|
<x-icon type="consumables" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.consumables') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\Component::class)
|
|
<li aria-hidden="true"{!! (request()->is('components*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('components.index') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=5" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.components') }}">
|
|
<x-icon type="components" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.components') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('index', \App\Models\Asset::class)
|
|
<li>
|
|
<form class="navbar-form navbar-left form-horizontal" role="search"
|
|
action="{{ route('findbytag/hardware') }}" method="get">
|
|
<div class="col-xs-12 col-md-12">
|
|
<div class="col-xs-12 form-group">
|
|
<label class="sr-only" for="tagSearch">
|
|
{{ trans('general.lookup_by_tag') }}
|
|
</label>
|
|
<input type="text" class="form-control" id="tagSearch" name="assetTag" placeholder="{{ trans('general.lookup_by_tag') }}">
|
|
<input type="hidden" name="topsearch" value="true" id="search">
|
|
</div>
|
|
<div class="col-xs-1">
|
|
<button type="submit" id="topSearchButton" class="btn btn-theme pull-right">
|
|
<x-icon type="search" />
|
|
<span class="sr-only">{{ trans('general.search') }}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('admin')
|
|
<li class="dropdown user-menu" aria-hidden="true">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" tabindex="-1">
|
|
{{ trans('general.create') }}
|
|
<strong class="caret"></strong>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
@can('create', \App\Models\Asset::class)
|
|
<li{!! (request()->is('hardware/create') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('hardware.create') }}" tabindex="-1">
|
|
<x-icon type="assets" class="fa-fw" />
|
|
{{ trans('general.asset') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('create', \App\Models\License::class)
|
|
<li{!! (request()->is('licenses/create') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('licenses.create') }}" tabindex="-1">
|
|
<x-icon type="licenses" class="fa-fw" />
|
|
{{ trans('general.license') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('create', \App\Models\Accessory::class)
|
|
<li {!! (request()->is('accessories/create') ? 'class="active"' : '') !!}>
|
|
<a href="{{ route('accessories.create') }}" tabindex="-1">
|
|
<x-icon type="accessories" class="fa-fw" />
|
|
{{ trans('general.accessory') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('create', \App\Models\Consumable::class)
|
|
<li {!! (request()->is('consunmables/create') ? 'class="active"' : '') !!}>
|
|
<a href="{{ route('consumables.create') }}" tabindex="-1">
|
|
<x-icon type="consumables" class="fa-fw" />
|
|
{{ trans('general.consumable') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('create', \App\Models\Component::class)
|
|
<li {!! (request()->is('components/create') ? 'class="active"' : '') !!}>
|
|
<a href="{{ route('components.create') }}" tabindex="-1">
|
|
<x-icon type="components" class="fa-fw" />
|
|
{{ trans('general.component') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('create', \App\Models\User::class)
|
|
<li {!! (request()->is('users/create') ? 'class="active"' : '') !!}>
|
|
<a href="{{ route('users.create') }}" tabindex="-1">
|
|
<x-icon type="users" class="fa-fw" />
|
|
{{ trans('general.user') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('admin')
|
|
<!-- Tasks: style can be found in dropdown.less -->
|
|
<?php $alert_items = ($snipeSettings->show_alerts_in_menu=='1') ? Helper::checkLowInventory() : [];
|
|
$deprecations = Helper::deprecationCheck()
|
|
?>
|
|
|
|
<li class="dropdown tasks-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<x-icon type="alerts" />
|
|
<span class="sr-only">{{ trans('general.alerts') }}</span>
|
|
@if(count($alert_items) + count($deprecations))
|
|
<span class="label label-danger">{{ count($alert_items) + count($deprecations)}}</span>
|
|
@endif
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
|
|
@if ((count($alert_items) + count($deprecations)) > 0)
|
|
|
|
@can('superadmin')
|
|
@if($deprecations)
|
|
@foreach ($deprecations as $key => $deprecation)
|
|
@if ($deprecation['check'])
|
|
<li class="header alert-warning">{!! $deprecation['message'] !!}</li>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
@endcan
|
|
|
|
@if($alert_items)
|
|
<li class="header">
|
|
{{ trans_choice('general.quantity_minimum', count($alert_items)) }}
|
|
</li>
|
|
<li>
|
|
<!-- inner menu: contains the actual data -->
|
|
<ul class="menu">
|
|
@for($i = 0; count($alert_items) > $i; $i++)
|
|
<!-- Task item -->
|
|
<li>
|
|
<a href="{{ route($alert_items[$i]['type'].'.show', $alert_items[$i]['id'])}}">
|
|
<h2 class="task_menu">{{ $alert_items[$i]['name'] }}
|
|
<small class="pull-right">
|
|
{{ $alert_items[$i]['remaining'] }} {{ trans('general.remaining') }}
|
|
</small>
|
|
</h2>
|
|
<div class="progress xs">
|
|
<div class="progress-bar progress-bar-yellow"
|
|
style="width: {{ $alert_items[$i]['percent'] }}%"
|
|
role="progressbar"
|
|
aria-valuenow="{{ $alert_items[$i]['percent'] }}"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100">
|
|
<span class="sr-only">
|
|
{{ $alert_items[$i]['percent'] }}%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!-- end task item -->
|
|
@endfor
|
|
</ul>
|
|
</li>
|
|
@endif
|
|
@else
|
|
<li class="header">
|
|
{{ trans_choice('general.quantity_minimum', 0) }}
|
|
</li>
|
|
|
|
@endif
|
|
{{-- <li class="footer">--}}
|
|
{{-- <a href="#">{{ trans('general.tasks_view_all') }}</a>--}}
|
|
{{-- </li>--}}
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
|
|
|
|
|
|
<!-- User Account: style can be found in dropdown.less -->
|
|
@if (Auth::check())
|
|
<li class="dropdown user user-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
@if (Auth::user()->present()->gravatar())
|
|
<img src="{{ Auth::user()->present()->gravatar() }}" class="user-image"
|
|
alt="">
|
|
@else
|
|
<x-icon type="user" />
|
|
@endif
|
|
|
|
<span class="hidden-xs">
|
|
{{ Auth::user()->display_name }}
|
|
<strong class="caret"></strong>
|
|
</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<!-- User image -->
|
|
@can('self.profile')
|
|
<li {!! (request()->is('account/profile') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('view-assets') }}">
|
|
<x-icon type="checkmark" class="fa-fw" />
|
|
{{ trans('general.viewassets') }}
|
|
</a>
|
|
</li>
|
|
|
|
|
|
@can('viewRequestable', \App\Models\Asset::class)
|
|
<li {!! (request()->is('account/requested') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('account.requested') }}">
|
|
<x-icon type="checkmark" class="fa-fw" />
|
|
{{ trans('general.requested_assets_menu') }}
|
|
</a></li>
|
|
@endcan
|
|
|
|
<li {!! (request()->is('account/accept') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('account.accept') }}">
|
|
<x-icon type="checkmark" class="fa-fw" />
|
|
{{ trans('general.accept_assets_menu') }}
|
|
</a>
|
|
</li>
|
|
|
|
@endcan
|
|
<li>
|
|
<a href="{{ route('profile') }}">
|
|
<x-icon type="user" class="fa-fw" />
|
|
{{ trans('general.editprofile') }}
|
|
</a>
|
|
</li>
|
|
|
|
@can('self.profile')
|
|
@if (Auth::user()->ldap_import!='1')
|
|
<li>
|
|
<a href="{{ route('account.password.index') }}">
|
|
<x-icon type="password" class="fa-fw" />
|
|
{{ trans('general.changepassword') }}
|
|
</a>
|
|
</li>
|
|
@endif
|
|
@endcan
|
|
|
|
<li>
|
|
<a type="button" data-theme-toggle aria-label="Dark mode" class="btn-link btn-anchor" href="" onclick="event.preventDefault();">
|
|
{{ trans('general.dark_mode') }}
|
|
</a>
|
|
</li>
|
|
|
|
@can('self.api')
|
|
<li>
|
|
<a href="{{ route('user.api') }}">
|
|
<x-icon type="api-key" class="fa-fw" />
|
|
{{ trans('general.manage_api_keys') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
<li class="divider"></li>
|
|
<li>
|
|
<a href="{{ route('logout.get') }}"
|
|
onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
|
|
<x-icon type="logout" class="fa-fw" />
|
|
{{ trans('general.logout') }}
|
|
</a>
|
|
|
|
<form id="logout-form" action="{{ route('logout.post') }}" method="POST" style="display: none;">
|
|
<button type="submit" style="display: none;" title="logout"></button>
|
|
{{ csrf_field() }}
|
|
</form>
|
|
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
@endif
|
|
|
|
|
|
@can('superadmin')
|
|
<li>
|
|
<a href="{{ route('settings.index') }}">
|
|
<x-icon type="admin-settings" />
|
|
<span class="sr-only">{{ trans('general.admin') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<a href="#" style="float:left" class="sidebar-toggle-mobile visible-xs btn" data-toggle="push-menu"
|
|
role="button">
|
|
<span class="sr-only">{{ trans('general.toggle_navigation') }}</span>
|
|
<x-icon type="nav-toggle" />
|
|
</a>
|
|
<!-- Sidebar toggle button-->
|
|
</header>
|
|
|
|
<!-- Left side column. contains the logo and sidebar -->
|
|
<aside class="main-sidebar">
|
|
<!-- sidebar: style can be found in sidebar.less -->
|
|
<section class="sidebar">
|
|
<!-- sidebar menu: : style can be found in sidebar.less -->
|
|
<ul class="sidebar-menu" data-widget="tree" {{ \App\Helpers\Helper::determineLanguageDirection() == 'rtl' ? 'style="margin-right:12px' : '' }}>
|
|
@can('admin')
|
|
<li {!! (\Request::route()->getName()=='home' ? ' class="active"' : '') !!} class="firstnav">
|
|
<a href="{{ route('home') }}">
|
|
<x-icon type="dashboard" class="fa-fw" />
|
|
<span>{{ trans('general.dashboard') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('index', \App\Models\Asset::class)
|
|
<li class="treeview{{ ((request()->is('statuslabels/*') || request()->is('hardware*')) ? ' active' : '') }}">
|
|
<a href="#">
|
|
<x-icon type="assets" class="fa-fw" />
|
|
<span>{{ trans('general.assets') }}</span>
|
|
<x-icon type="angle-left" class="pull-right fa-fw"/>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<li>
|
|
<a href="{{ url('hardware') }}">
|
|
<x-icon type="circle" class="text-grey fa-fw"/>
|
|
{{ trans('general.list_all') }}
|
|
<span class="badge">
|
|
{{ (isset($total_assets)) ? $total_assets : '' }}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
<?php $status_navs = \App\Models\Statuslabel::where('show_in_nav', '=', 1)->withCount('assets as asset_count')->get(); ?>
|
|
@if (count($status_navs) > 0)
|
|
@foreach ($status_navs as $status_nav)
|
|
<li{!! (request()->is('statuslabels/'.$status_nav->id) ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('statuslabels.show', ['statuslabel' => $status_nav->id]) }}">
|
|
<i class="fas fa-circle text-grey fa-fw"
|
|
aria-hidden="true"{!! ($status_nav->color!='' ? ' style="color: '.e($status_nav->color).'"' : '') !!}></i>
|
|
{{ $status_nav->name }}
|
|
<span class="badge badge-secondary">{{ $status_nav->asset_count }}</span></a></li>
|
|
@endforeach
|
|
@endif
|
|
|
|
|
|
<li id="deployed-sidenav-option" {!! (Request::query('status') == 'Deployed' ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('hardware?status=Deployed') }}">
|
|
<x-icon type="circle" class="text-blue fa-fw" />
|
|
{{ trans('general.deployed') }}
|
|
<span class="badge">{{ (isset($total_deployed_sidebar)) ? $total_deployed_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="rtd-sidenav-option"{!! (Request::query('status') == 'RTD' ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('hardware?status=RTD') }}">
|
|
<x-icon type="circle" class="text-green fa-fw" />
|
|
{{ trans('general.ready_to_deploy') }}
|
|
<span class="badge">{{ (isset($total_rtd_sidebar)) ? $total_rtd_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="pending-sidenav-option"{!! (Request::query('status') == 'Pending' ? ' class="active"' : '') !!}><a href="{{ url('hardware?status=Pending') }}">
|
|
<x-icon type="circle" class="text-orange fa-fw" />
|
|
{{ trans('general.pending') }}
|
|
<span class="badge">{{ (isset($total_pending_sidebar)) ? $total_pending_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="undeployable-sidenav-option"{!! (Request::query('status') == 'Undeployable' ? ' class="active"' : '') !!} ><a
|
|
href="{{ url('hardware?status=Undeployable') }}">
|
|
<x-icon type="x" class="text-red fa-fw" />
|
|
{{ trans('general.undeployable') }}
|
|
<span class="badge">{{ (isset($total_undeployable_sidebar)) ? $total_undeployable_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="byod-sidenav-option"{!! (Request::query('status') == 'byod' ? ' class="active"' : '') !!}><a
|
|
href="{{ url('hardware?status=byod') }}">
|
|
<x-icon type="x" class="text-red fa-fw" />
|
|
{{ trans('general.byod') }}
|
|
<span class="badge">{{ (isset($total_byod_sidebar)) ? $total_byod_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="archived-sidenav-option"{!! (Request::query('status') == 'Archived' ? ' class="active"' : '') !!}><a
|
|
href="{{ url('hardware?status=Archived') }}">
|
|
<x-icon type="x" class="text-red fa-fw" />
|
|
{{ trans('admin/hardware/general.archived') }}
|
|
<span class="badge">{{ (isset($total_archived_sidebar)) ? $total_archived_sidebar : '' }}</span>
|
|
</a>
|
|
</li>
|
|
<li id="requestable-sidenav-option"{!! (Request::query('status') == 'Requestable' ? ' class="active"' : '') !!}><a
|
|
href="{{ url('hardware?status=Requestable') }}">
|
|
<x-icon type="checkmark" class="text-blue fa-fw" />
|
|
{{ trans('admin/hardware/general.requestable') }}
|
|
</a>
|
|
</li>
|
|
|
|
@can('audit', \App\Models\Asset::class)
|
|
<li id="audit-due-sidenav-option"{!! (request()->is('hardware/audit/due') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('assets.audit.due') }}">
|
|
<x-icon type="audit" class="text-yellow fa-fw"/>
|
|
{{ trans('general.audit_due') }}
|
|
<span class="badge">{{ (isset($total_due_and_overdue_for_audit)) ? $total_due_and_overdue_for_audit : '' }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('checkin', \App\Models\Asset::class)
|
|
<li id="checkin-due-sidenav-option"{!! (request()->is('hardware/checkins/due') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('assets.checkins.due') }}">
|
|
<x-icon type="due" class="text-orange fa-fw"/>
|
|
{{ trans('general.checkin_due') }}
|
|
<span class="badge">{{ (isset($total_due_and_overdue_for_checkin)) ? $total_due_and_overdue_for_checkin : '' }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
<li class="divider"> </li>
|
|
@can('checkin', \App\Models\Asset::class)
|
|
<li{!! (request()->is('hardware/quickscancheckin') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('hardware/quickscancheckin') }}">
|
|
{{ trans('general.quickscan_checkin') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('checkout', \App\Models\Asset::class)
|
|
<li{!! (request()->is('hardware/bulkcheckout') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('hardware.bulkcheckout.show') }}">
|
|
{{ trans('general.bulk_checkout') }}
|
|
</a>
|
|
</li>
|
|
<li{!! (request()->is('hardware/requested') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('assets.requested') }}">
|
|
{{ trans('general.requested') }}</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Asset::class)
|
|
<li{!! (Request::query('Deleted') ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('hardware?status=Deleted') }}">
|
|
{{ trans('general.deleted') }}
|
|
</a>
|
|
</li>
|
|
<li {!! (request()->is('maintenances') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('maintenances.index') }}">
|
|
{{ trans('general.maintenances') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('admin')
|
|
<li id="import-history-sidenav-option" {!! (request()->is('hardware/history') ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('hardware/history') }}">
|
|
{{ trans('general.import-history') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('audit', \App\Models\Asset::class)
|
|
<li id="bulk-audit-sidenav-option" {!! (request()->is('hardware/bulkaudit') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('assets.bulkaudit') }}">
|
|
{{ trans('general.bulkaudit') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\License::class)
|
|
<li{!! (request()->is('licenses*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('licenses.index') }}">
|
|
<x-icon type="licenses" class="fa-fw"/>
|
|
<span>{{ trans('general.licenses') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('index', \App\Models\Accessory::class)
|
|
<li id="accessories-sidenav-option"{!! (request()->is('accessories*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('accessories.index') }}">
|
|
<x-icon type="accessories" class="fa-fw" />
|
|
<span>{{ trans('general.accessories') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\Consumable::class)
|
|
<li id="consumables-sidenav-option"{!! (request()->is('consumables*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ url('consumables') }}">
|
|
<x-icon type="consumables" class="fa-fw" />
|
|
<span>{{ trans('general.consumables') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\Component::class)
|
|
<li id="components-sidenav-option"{!! (request()->is('components*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('components.index') }}">
|
|
<x-icon type="components" class="fa-fw" />
|
|
<span>{{ trans('general.components') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\PredefinedKit::class)
|
|
<li id="kits-sidenav-option"{!! (request()->is('kits') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('kits.index') }}">
|
|
<x-icon type="kits" class="fa-fw" />
|
|
<span>{{ trans('general.kits') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\User::class)
|
|
<li class="treeview{{ (request()->is('users*') ? ' active' : '') }}" id="users-sidenav-option">
|
|
<a href="#" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=6" : ''}}>
|
|
<x-icon type="users" class="fa-fw" />
|
|
<span>{{ trans('general.people') }}</span>
|
|
<x-icon type="angle-left" class="pull-right fa-fw"/>
|
|
</a>
|
|
|
|
<ul class="treeview-menu">
|
|
<li {!! ((request()->is('users') && (request()->input() == null)) ? ' class="active"' : '') !!} id="users-sidenav-list-all">
|
|
<a href="{{ route('users.index') }}">
|
|
<x-icon type="circle" class="text-grey fa-fw fa-fw"/>
|
|
{{ trans('general.list_all') }}
|
|
</a>
|
|
</li>
|
|
<li class="{{ (request()->is('users') && request()->input('superadmins') == "true") ? 'active' : '' }}" id="users-sidenav-superadmins">
|
|
<a href="{{ route('users.index', ['superadmins' => 'true']) }}">
|
|
<x-icon type="superadmin" class="text-danger fa-fw"/>
|
|
{{ trans('general.show_superadmins') }}
|
|
</a>
|
|
</li>
|
|
<li class="{{ (request()->is('users') && request()->input('admins') == "true") ? 'active' : '' }}" id="users-sidenav-list-admins">
|
|
<a href="{{ route('users.index', ['admins' => 'true']) }}">
|
|
<x-icon type="admin" class="text-warning fa-fw"/>
|
|
{{ trans('general.show_admins') }}
|
|
</a>
|
|
</li>
|
|
<li class="{{ (request()->is('users') && request()->input('status') == "deleted") ? 'active' : '' }}" id="users-sidenav-deleted">
|
|
<a href="{{ route('users.index', ['status' => 'deleted']) }}">
|
|
<x-icon type="x" class="text-danger fa-fw"/>
|
|
{{ trans('general.deleted_users') }}
|
|
</a>
|
|
</li>
|
|
<li class="{{ (request()->is('users') && request()->input('activated') == "1") ? 'active' : '' }}" id="users-sidenav-activated">
|
|
<a href="{{ route('users.index', ['activated' => true]) }}">
|
|
<i class="fa-solid fa-person-circle-check text-success fa-fw"></i>
|
|
{{ trans('general.login_enabled') }}
|
|
</a>
|
|
</li>
|
|
<li class="{{ (request()->is('users') && request()->input('activated') == "0") ? 'active' : '' }}" id="users-sidenav-not-activated">
|
|
<a href="{{ route('users.index', ['activated' => false]) }}">
|
|
<i class="fa-solid fa-person-circle-xmark text-danger fa-fw"></i>
|
|
{{ trans('general.login_disabled') }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
@can('import')
|
|
<li id="import-sidenav-option"{!! (request()->is('import*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('imports.index') }}">
|
|
<x-icon type="import" class="fa-fw" />
|
|
<span>{{ trans('general.import') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('backend.interact')
|
|
<li id="settings-sidenav-option" class="treeview {!! in_array(Request::route()->getName(),App\Helpers\Helper::SettingUrls()) ? ' active': '' !!}">
|
|
<a href="#" id="settings">
|
|
<x-icon type="settings" class="fa-fw" />
|
|
<span>{{ trans('general.settings') }}</span>
|
|
<x-icon type="angle-left" class="pull-right fa-fw"/>
|
|
</a>
|
|
|
|
<ul class="treeview-menu">
|
|
@if(Gate::allows('view', App\Models\CustomField::class) || Gate::allows('view', App\Models\CustomFieldset::class))
|
|
<li {!! (request()->is('fields*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('fields.index') }}">
|
|
{{ trans('admin/custom_fields/general.custom_fields') }}
|
|
</a>
|
|
</li>
|
|
@endif
|
|
|
|
@can('view', \App\Models\Statuslabel::class)
|
|
<li {!! (request()->is('statuslabels*') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('statuslabels.index') }}">
|
|
{{ trans('general.status_labels') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\AssetModel::class)
|
|
<li {{!! (request()->is('models') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('models.index') }}">
|
|
{{ trans('general.asset_models') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Category::class)
|
|
<li {{!! (request()->is('categories') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('categories.index') }}">
|
|
{{ trans('general.categories') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Manufacturer::class)
|
|
<li {{!! (request()->is('manufacturers') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('manufacturers.index') }}">
|
|
{{ trans('general.manufacturers') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Supplier::class)
|
|
<li {{!! (request()->is('suppliers') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('suppliers.index') }}">
|
|
{{ trans('general.suppliers') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Department::class)
|
|
<li {{!! (request()->is('departments') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('departments.index') }}">
|
|
{{ trans('general.departments') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Location::class)
|
|
<li {{!! (request()->is('locations') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('locations.index') }}">
|
|
{{ trans('general.locations') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Company::class)
|
|
<li {{!! (request()->is('companies') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('companies.index') }}">
|
|
{{ trans('general.companies') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Depreciation::class)
|
|
<li {{!! (request()->is('depreciations') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('depreciations.index') }}">
|
|
{{ trans('general.depreciation') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('reports.view')
|
|
<li class="treeview{{ (request()->is('reports*') ? ' active' : '') }}">
|
|
<a href="#" class="dropdown-toggle">
|
|
<x-icon type="reports" class="fa-fw" />
|
|
<span>{{ trans('general.reports') }}</span>
|
|
<x-icon type="angle-left" class="pull-right"/>
|
|
</a>
|
|
|
|
<ul class="treeview-menu">
|
|
<li {{!! (request()->is('reports/activity') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('reports.activity') }}">
|
|
{{ trans('general.activity_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/custom') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ url('reports/custom') }}">
|
|
{{ trans('general.custom_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/audit') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('reports.audit') }}">
|
|
{{ trans('general.audit_report') }}</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/depreciation') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ url('reports/depreciation') }}">
|
|
{{ trans('general.depreciation_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/licenses') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ url('reports/licenses') }}">
|
|
{{ trans('general.license_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('ui.reports.maintenances') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ route('ui.reports.maintenances') }}">
|
|
{{ trans('general.asset_maintenance_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/unaccepted_assets') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ url('reports/unaccepted_assets') }}">
|
|
{{ trans('general.unaccepted_asset_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/accessories') ? ' class="active"' : '') !!}}>
|
|
<a href="{{ url('reports/accessories') }}">
|
|
{{ trans('general.accessory_report') }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('viewRequestable', \App\Models\Asset::class)
|
|
<li{!! (request()->is('account/requestable-assets') ? ' class="active"' : '') !!}>
|
|
<a href="{{ route('requestable-assets') }}">
|
|
<x-icon type="requestable" class="fa-fw" />
|
|
<span>{{ trans('general.requestable_items') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
|
|
</ul>
|
|
</section>
|
|
<!-- /.sidebar -->
|
|
</aside>
|
|
|
|
<!-- Content Wrapper. Contains page content -->
|
|
|
|
<div class="content-wrapper" role="main" id="setting-list">
|
|
|
|
@if ($debug_in_production)
|
|
<div class="row" style="margin-bottom: 0px; background-color: red; color: white; font-size: 15px;">
|
|
<div class="col-md-12"
|
|
style="margin-bottom: 0px; background-color: #b50408 ; color: white; padding: 10px 20px 10px 30px; font-size: 16px;">
|
|
<x-icon type="warning" class="fa-3x pull-left"/>
|
|
<strong>{{ strtoupper(trans('general.debug_warning')) }}:</strong>
|
|
{!! trans('general.debug_warning_text') !!}
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12" style="margin-bottom: 0px;">
|
|
|
|
<style>
|
|
.breadcrumb-item {
|
|
display: inline;
|
|
list-style: none;
|
|
}
|
|
</style>
|
|
|
|
<h1 class="pull-left pagetitle" style="font-size: 22px; margin-top: 5px;">
|
|
|
|
@if (Breadcrumbs::has() && (Breadcrumbs::current()->count() > 1))
|
|
<ul style="padding-left: 0;">
|
|
|
|
@foreach (Breadcrumbs::current() as $crumbs)
|
|
@if ($crumbs->url() && !$loop->last)
|
|
<li class="breadcrumb-item">
|
|
<a href="{{ $crumbs->url() }}">
|
|
@if ($loop->first)
|
|
<x-icon type="home" />
|
|
@else
|
|
{{ $crumbs->title() }}
|
|
@endif
|
|
</a>
|
|
<x-icon type="angle-right" />
|
|
</li>
|
|
@elseif (is_null($crumbs->url()) && !$loop->last)
|
|
<li class="breadcrumb-item active">
|
|
{{ $crumbs->title() }}
|
|
<x-icon type="angle-right" />
|
|
</li>
|
|
@else
|
|
<li class="breadcrumb-item active">
|
|
{{ $crumbs->title() }}
|
|
</li>
|
|
@endif
|
|
@endforeach
|
|
|
|
</ul>
|
|
@else
|
|
@yield('title')
|
|
@endif
|
|
|
|
</h1>
|
|
|
|
@if (isset($helpText))
|
|
@include ('partials.more-info',
|
|
[
|
|
'helpText' => $helpText,
|
|
'helpPosition' => (isset($helpPosition)) ? $helpPosition : 'left'
|
|
])
|
|
@endif
|
|
<div class="pull-right">
|
|
@yield('header_right')
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="content" id="main" tabindex="-1" style="padding-top: 0px;">
|
|
|
|
<!-- Notifications -->
|
|
<div class="row">
|
|
@if (config('app.lock_passwords'))
|
|
<div class="col-md-12">
|
|
<div class="callout callout-info">
|
|
{{ trans('general.some_features_disabled') }}
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
@include('notifications')
|
|
</div>
|
|
|
|
|
|
<!-- Content -->
|
|
<div id="{!! (request()->is('*api*') ? 'app' : 'webui') !!}">
|
|
@yield('content')
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div><!-- /.content-wrapper -->
|
|
<footer class="main-footer hidden-print" style="display:grid;flex-direction:column;">
|
|
|
|
<div class="hidden-xs pull-left">
|
|
<div class="pull-left footer-links">
|
|
{!! trans('general.footer_credit') !!}
|
|
|
|
<a target="_blank" href="https://bsky.app/profile/snipeitapp.com" rel="noopener" data-tooltip="true" data-title="Join us on Bluesky">
|
|
<i class="fa-brands fa-square-bluesky"></i>
|
|
</a>
|
|
<a target="_blank" href="https://hachyderm.io/@grokability" rel="noopener" data-tooltip="true" data-title="Join us on Github">
|
|
<i class="fa-brands fa-square-github"></i>
|
|
</a>
|
|
<a target="_blank" href="https://hachyderm.io/@grokability" rel="noopener" data-tooltip="true" data-title="Join us on Mastodon">
|
|
<i class="fa-brands fa-mastodon"></i>
|
|
</a>
|
|
<a target="_blank" href="https://discord.gg/yZFtShAcKk" rel="noopener" data-tooltip="true" data-title="Join us on Discord">
|
|
<i class="fa-brands fa-discord"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="pull-right">
|
|
@if ($snipeSettings->version_footer!='off')
|
|
@if (($snipeSettings->version_footer=='on') || (($snipeSettings->version_footer=='admin') && (Auth::user()->isSuperUser()=='1')))
|
|
{{ trans('general.version') }} {{ config('version.app_version') }} -
|
|
{{ trans('general.build') }} {{ config('version.build_version') }} ({{ config('version.branch') }})
|
|
@endif
|
|
@endif
|
|
|
|
@if (isset($user) && ($user->isSuperUser()) && (app()->environment('local')))
|
|
<a href="{{ url('telescope') }}" class="label label-default" rel="noopener">Open Telescope</a>
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if ($snipeSettings->support_footer!='off')
|
|
@if (($snipeSettings->support_footer=='on') || (($snipeSettings->support_footer=='admin') && (Auth::user()->isSuperUser()=='1')))
|
|
<a target="_blank" class="label label-default"
|
|
href="https://snipe-it.readme.io/docs/overview"
|
|
rel="noopener">{{ trans('general.user_manual') }}</a>
|
|
<a target="_blank" class="label label-default" href="https://snipeitapp.com/support/"
|
|
rel="noopener">{{ trans('general.bug_report') }}</a>
|
|
@endif
|
|
@endif
|
|
|
|
@if ($snipeSettings->privacy_policy_link!='')
|
|
<a target="_blank" class="label label-default" rel="noopener"
|
|
href="{{ $snipeSettings->privacy_policy_link }}"
|
|
target="_new">{{ trans('admin/settings/general.privacy_policy') }}</a>
|
|
@endif
|
|
</div>
|
|
<br>
|
|
@if ($snipeSettings->footer_text!='')
|
|
<div class="pull-left">
|
|
{!! Helper::parseEscapedMarkedown($snipeSettings->footer_text) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</footer>
|
|
</div><!-- ./wrapper -->
|
|
|
|
|
|
<!-- end main container -->
|
|
|
|
<div class="modal modal-danger fade" id="dataConfirmModal" tabindex="-1" role="dialog" aria-labelledby="dataConfirmModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="dataConfirmModalLabel">
|
|
<span class="modal-header-icon"></span>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<form method="post" id="deleteForm" role="form" action="">
|
|
{{ csrf_field() }}
|
|
{{ method_field('DELETE') }}
|
|
|
|
<button type="button" class="btn btn-default pull-left"
|
|
data-dismiss="modal">{{ trans('general.cancel') }}</button>
|
|
<button type="submit" class="btn btn-outline"
|
|
id="dataConfirmOK">{{ trans('general.yes') }}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal modal-warning fade" id="restoreConfirmModal" tabindex="-1" role="dialog"
|
|
aria-labelledby="confirmModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="confirmModalLabel"> </h4>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<form method="post" id="restoreForm" role="form">
|
|
{{ csrf_field() }}
|
|
{{ method_field('POST') }}
|
|
|
|
<button type="button" class="btn btn-default pull-left"
|
|
data-dismiss="modal">{{ trans('general.cancel') }}</button>
|
|
<button type="submit" class="btn btn-outline"
|
|
id="dataConfirmOK">{{ trans('general.yes') }}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
{{-- Javascript files --}}
|
|
<script src="{{ url(mix('js/dist/all.js')) }}" nonce="{{ csrf_token() }}"></script>
|
|
<script src="{{ url('js/select2/i18n/'.Helper::mapBackToLegacyLocale(app()->getLocale()).'.js') }}"></script>
|
|
|
|
{{-- Page level javascript --}}
|
|
@stack('js')
|
|
|
|
@section('moar_scripts')
|
|
@show
|
|
|
|
|
|
<script nonce="{{ csrf_token() }}">
|
|
|
|
//color picker with addon
|
|
$(".color").colorpicker();
|
|
|
|
|
|
/**
|
|
* Utility function to calculate the current theme setting.
|
|
* Look for a local storage value.
|
|
* Fall back to system setting.
|
|
* Fall back to light mode.
|
|
*/
|
|
function calculateSettingAsThemeString({ localStorageTheme, systemSettingDark }) {
|
|
if (localStorageTheme !== null) {
|
|
return localStorageTheme;
|
|
}
|
|
|
|
if (systemSettingDark.matches) {
|
|
return "dark";
|
|
}
|
|
|
|
return "light";
|
|
}
|
|
|
|
/**
|
|
* Utility function to update the button text and aria-label.
|
|
*/
|
|
function updateButton({ buttonEl, isDark }) {
|
|
const newCta = isDark ? '<i class="fa-regular fa-sun fa-fw"></i> {{ trans('general.light_mode') }}' : '<i class="fa-solid fa-moon fa-fw"></i> {{ trans('general.dark_mode') }}';
|
|
// use an aria-label if omitting text on the button
|
|
// and using a sun/moon icon, for example
|
|
buttonEl.setAttribute("aria-label", newCta);
|
|
buttonEl.innerHTML = newCta;
|
|
}
|
|
|
|
/**
|
|
* Utility function to update the theme setting on the html tag
|
|
*/
|
|
function updateThemeOnHtmlEl({ theme }) {
|
|
document.querySelector("html").setAttribute("data-theme", theme);
|
|
}
|
|
|
|
|
|
/**
|
|
* On page load:
|
|
*/
|
|
|
|
/**
|
|
* 1. Grab what we need from the DOM and system settings on page load
|
|
*/
|
|
|
|
const button = document.querySelector("[data-theme-toggle]");
|
|
const localStorageTheme = localStorage.getItem("theme");
|
|
const systemSettingDark = window.matchMedia("(prefers-color-scheme: dark)");
|
|
const clearButton = document.querySelector("[data-theme-toggle-clear]");
|
|
|
|
/**
|
|
* 2. Work out the current site settings
|
|
*/
|
|
let currentThemeSetting = calculateSettingAsThemeString({ localStorageTheme, systemSettingDark });
|
|
|
|
/**
|
|
* 3. Update the theme setting and button text according to current settings
|
|
*/
|
|
updateButton({ buttonEl: button, isDark: currentThemeSetting === "dark" });
|
|
updateThemeOnHtmlEl({ theme: currentThemeSetting });
|
|
|
|
/**
|
|
* 4. Add an event listener to toggle the theme
|
|
*/
|
|
button.addEventListener("click", (event) => {
|
|
const newTheme = currentThemeSetting === "dark" ? "light" : "dark";
|
|
|
|
localStorage.setItem("theme", newTheme);
|
|
updateButton({ buttonEl: button, isDark: newTheme === "dark" });
|
|
updateThemeOnHtmlEl({ theme: newTheme });
|
|
|
|
currentThemeSetting = newTheme;
|
|
});
|
|
|
|
|
|
|
|
|
|
$.fn.datepicker.dates['{{ app()->getLocale() }}'] = {
|
|
days: [
|
|
"{{ trans('datepicker.days.sunday') }}",
|
|
"{{ trans('datepicker.days.monday') }}",
|
|
"{{ trans('datepicker.days.tuesday') }}",
|
|
"{{ trans('datepicker.days.wednesday') }}",
|
|
"{{ trans('datepicker.days.thursday') }}",
|
|
"{{ trans('datepicker.days.friday') }}",
|
|
"{{ trans('datepicker.days.saturday') }}"
|
|
],
|
|
daysShort: [
|
|
"{{ trans('datepicker.short_days.sunday') }}",
|
|
"{{ trans('datepicker.short_days.monday') }}",
|
|
"{{ trans('datepicker.short_days.tuesday') }}",
|
|
"{{ trans('datepicker.short_days.wednesday') }}",
|
|
"{{ trans('datepicker.short_days.thursday') }}",
|
|
"{{ trans('datepicker.short_days.friday') }}",
|
|
"{{ trans('datepicker.short_days.saturday') }}"
|
|
],
|
|
daysMin: [
|
|
"{{ trans('datepicker.min_days.sunday') }}",
|
|
"{{ trans('datepicker.min_days.monday') }}",
|
|
"{{ trans('datepicker.min_days.tuesday') }}",
|
|
"{{ trans('datepicker.min_days.wednesday') }}",
|
|
"{{ trans('datepicker.min_days.thursday') }}",
|
|
"{{ trans('datepicker.min_days.friday') }}",
|
|
"{{ trans('datepicker.min_days.saturday') }}"
|
|
],
|
|
months: [
|
|
"{{ trans('datepicker.months.january') }}",
|
|
"{{ trans('datepicker.months.february') }}",
|
|
"{{ trans('datepicker.months.march') }}",
|
|
"{{ trans('datepicker.months.april') }}",
|
|
"{{ trans('datepicker.months.may') }}",
|
|
"{{ trans('datepicker.months.june') }}",
|
|
"{{ trans('datepicker.months.july') }}",
|
|
"{{ trans('datepicker.months.august') }}",
|
|
"{{ trans('datepicker.months.september') }}",
|
|
"{{ trans('datepicker.months.october') }}",
|
|
"{{ trans('datepicker.months.november') }}",
|
|
"{{ trans('datepicker.months.december') }}",
|
|
],
|
|
monthsShort: [
|
|
"{{ trans('datepicker.months_short.january') }}",
|
|
"{{ trans('datepicker.months_short.february') }}",
|
|
"{{ trans('datepicker.months_short.march') }}",
|
|
"{{ trans('datepicker.months_short.april') }}",
|
|
"{{ trans('datepicker.months_short.may') }}",
|
|
"{{ trans('datepicker.months_short.june') }}",
|
|
"{{ trans('datepicker.months_short.july') }}",
|
|
"{{ trans('datepicker.months_short.august') }}",
|
|
"{{ trans('datepicker.months_short.september') }}",
|
|
"{{ trans('datepicker.months_short.october') }}",
|
|
"{{ trans('datepicker.months_short.november') }}",
|
|
"{{ trans('datepicker.months_short.december') }}",
|
|
],
|
|
today: "{{ trans('datepicker.today') }}",
|
|
clear: "{{ trans('datepicker.clear') }}",
|
|
format: "yyyy-mm-dd",
|
|
weekStart: {{ $snipeSettings->week_start ?? 0 }},
|
|
};
|
|
|
|
var clipboard = new ClipboardJS('.js-copy-link');
|
|
|
|
clipboard.on('success', function(e) {
|
|
e.text = e.text.replace(/^\s/, '').trim();
|
|
var clickedElement = $(e.trigger);
|
|
clickedElement.tooltip('hide').attr('data-original-title', '{{ trans('general.copied') }}').tooltip('show');
|
|
});
|
|
|
|
|
|
// Reference: https://jqueryvalidation.org/validate/
|
|
var validator = $('#create-form').validate({
|
|
ignore: 'input[type=hidden]',
|
|
errorClass: 'alert-msg',
|
|
errorElement: 'div',
|
|
errorPlacement: function(error, element) {
|
|
|
|
if ($(element).hasClass('select2') || $(element).hasClass('js-data-ajax')) {
|
|
// If the element is a select2 then append the error to the parent div
|
|
element.parent('div').append(error);
|
|
|
|
} else if ($(element).parent().hasClass('input-group')) {
|
|
var end_input_group = $(element).next('.input-group-addon').parent();
|
|
error.insertAfter(end_input_group);
|
|
} else {
|
|
error.insertAfter(element);
|
|
}
|
|
|
|
},
|
|
highlight: function(inputElement) {
|
|
|
|
// We have to go two levels up if it's an input group
|
|
if ($(inputElement).parent().hasClass('input-group')) {
|
|
$(inputElement).parent().parent().parent().addClass('has-error');
|
|
} else {
|
|
$(inputElement).parent().addClass('has-error');
|
|
$(inputElement).closest('.help-block').remove();
|
|
}
|
|
|
|
},
|
|
onfocusout: function(element) {
|
|
// We have to go two levels up if it's an input group
|
|
if ($(element).parent().hasClass('input-group')) {
|
|
$(element).parent().parent().parent().removeClass('has-error');
|
|
return $(element).valid();
|
|
} else {
|
|
$(element).parent().removeClass('has-error');
|
|
return $(element).valid();
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
$.extend($.validator.messages, {
|
|
required: "{{ trans('validation.generic.required') }}",
|
|
email: "{{ trans('validation.generic.email') }}"
|
|
});
|
|
|
|
|
|
function showHideEncValue(e) {
|
|
// Use element id to find the text element to hide / show
|
|
var targetElement = e.id+"-to-show";
|
|
var hiddenElement = e.id+"-to-hide";
|
|
var audio = new Audio('{{ config('app.url') }}/sounds/lock.mp3');
|
|
if($(e).hasClass('fa-lock')) {
|
|
@if ((isset($user)) && ($user->enable_sounds))
|
|
audio.play()
|
|
@endif
|
|
$(e).removeClass('fa-lock').addClass('fa-unlock');
|
|
// Show the encrypted custom value and hide the element with asterisks
|
|
document.getElementById(targetElement).style.fontSize = "100%";
|
|
document.getElementById(hiddenElement).style.display = "none";
|
|
|
|
} else {
|
|
@if ((isset($user)) && ($user->enable_sounds))
|
|
audio.play()
|
|
@endif
|
|
$(e).removeClass('fa-unlock').addClass('fa-lock');
|
|
// ClipboardJS can't copy display:none elements so use a trick to hide the value
|
|
document.getElementById(targetElement).style.fontSize = "0px";
|
|
document.getElementById(hiddenElement).style.display = "";
|
|
|
|
}
|
|
}
|
|
|
|
$(function () {
|
|
|
|
// This handles the show/hide for cloned items
|
|
$('#use_cloned_image').click(function() {
|
|
if ($('#use_cloned_image').is(':checked')) {
|
|
$('#image_delete').prop('checked', false);
|
|
$('#image-upload').hide();
|
|
$('#existing-image').show();
|
|
} else {
|
|
$('#image-upload').show();
|
|
$('#existing-image').hide();
|
|
}
|
|
//$('#image-upload').hide();
|
|
});
|
|
|
|
// Invoke Bootstrap 3's tooltip
|
|
$('[data-tooltip="true"]').tooltip({
|
|
container: 'body',
|
|
animation: true,
|
|
});
|
|
|
|
$('[data-toggle="popover"]').popover();
|
|
$('.select2 span').addClass('needsclick');
|
|
$('.select2 span').removeAttr('title');
|
|
|
|
// This javascript handles saving the state of the menu (expanded or not)
|
|
$('body').bind('expanded.pushMenu', function () {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: "{{ route('account.menuprefs', ['state'=>'open']) }}",
|
|
_token: "{{ csrf_token() }}"
|
|
});
|
|
|
|
});
|
|
|
|
$('body').bind('collapsed.pushMenu', function () {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: "{{ route('account.menuprefs', ['state'=>'close']) }}",
|
|
_token: "{{ csrf_token() }}"
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
// Initiate the ekko lightbox
|
|
$(document).on('click', '[data-toggle="lightbox"]', function (event) {
|
|
event.preventDefault();
|
|
$(this).ekkoLightbox();
|
|
});
|
|
//This prevents multi-click checkouts for accessories, components, consumables
|
|
$(document).ready(function () {
|
|
$('#checkout_form').submit(function (event) {
|
|
event.preventDefault();
|
|
$('#submit_button').prop('disabled', true);
|
|
this.submit();
|
|
});
|
|
});
|
|
|
|
// Select encrypted custom fields to hide them in the asset list
|
|
$(document).ready(function() {
|
|
// Selector for elements with css-padlock class
|
|
var selector = 'td.css-padlock';
|
|
|
|
// Function to add original value to elements
|
|
function addValue($element) {
|
|
// Get original value of the element
|
|
var originalValue = $element.text().trim();
|
|
|
|
// Show asterisks only for not empty values
|
|
if (originalValue !== '') {
|
|
// This is necessary to avoid loop because value is generated dynamically
|
|
if (originalValue !== '' && originalValue !== asterisks) $element.attr('value', originalValue);
|
|
|
|
// Hide the original value and show asterisks of the same length
|
|
var asterisks = '*'.repeat(originalValue.length);
|
|
$element.text(asterisks);
|
|
|
|
// Add click event to show original text
|
|
$element.click(function() {
|
|
var $this = $(this);
|
|
if ($this.text().trim() === asterisks) {
|
|
$this.text($this.attr('value'));
|
|
} else {
|
|
$this.text(asterisks);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
// Add value to existing elements
|
|
$(selector).each(function() {
|
|
addValue($(this));
|
|
});
|
|
|
|
// Function to handle mutations in the DOM because content is generated dynamically
|
|
var observer = new MutationObserver(function(mutations) {
|
|
mutations.forEach(function(mutation) {
|
|
// Check if new nodes have been inserted
|
|
if (mutation.type === 'childList') {
|
|
mutation.addedNodes.forEach(function(node) {
|
|
if ($(node).is(selector)) {
|
|
addValue($(node));
|
|
} else {
|
|
$(node).find(selector).each(function() {
|
|
addValue($(this));
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
// Configure the observer to observe changes in the DOM
|
|
var config = { childList: true, subtree: true };
|
|
observer.observe(document.body, config);
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
@if ((session()->get('topsearch')=='true') || (request()->is('/')))
|
|
<script nonce="{{ csrf_token() }}">
|
|
$("#tagSearch").focus();
|
|
</script>
|
|
@endif
|
|
|
|
</body>
|
|
</html>
|