mirror of
https://github.com/snipe/snipe-it.git
synced 2026-08-18 11:15:42 +00:00
2758 lines
127 KiB
PHP
2758 lines
127 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;
|
|
--color-bg: light-dark(#ecf0f5, #222222);
|
|
--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);
|
|
--input-border-color: light-dark(#d2d6de,#656464);
|
|
--default-label-link-bg: var(--color-bg);
|
|
--default-label-link-text: light-dark({{ $link_light_color ?? '#296282' }}, {{ $link_dark_color ?? '#5fa4cc' }});
|
|
--default-label-link-border: 1px solid light-dark(#b8c7ce, #494747);
|
|
|
|
}
|
|
|
|
[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);
|
|
--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;
|
|
--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,
|
|
.fixed-table-loading,
|
|
.list-group-item
|
|
{
|
|
background-color: var(--box-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
.list-group-item {
|
|
border: var(--tab-bottom-border);
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
label.form-control {
|
|
color: var(--color-fg) !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;
|
|
}
|
|
|
|
.btn-theme.active
|
|
{
|
|
background-color: var(--btn-theme-hover) !important;
|
|
}
|
|
|
|
.btn-theme:focus {
|
|
color: var(--nav-primary-text-color) !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"],
|
|
input[type="tel"],
|
|
option:active,
|
|
option[active],
|
|
option[selected],
|
|
select option,
|
|
select,
|
|
textarea
|
|
{
|
|
background-color: var(--table-stripe-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
border-color: var(--input-border-color) !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;
|
|
}
|
|
|
|
/**
|
|
Safari ignores option[selected] styling on plain <select multiple> until
|
|
the user interacts with the list, so pre-selected options render with
|
|
the browser's default light highlight. Force a lighter background on the
|
|
whole select in dark mode so pre-selected items stay readable.
|
|
*/
|
|
[data-theme="dark"] select[multiple],
|
|
[data-theme="dark"] select[multiple] option {
|
|
background-color: #d2d6de !important;
|
|
color: #373636 !important;
|
|
}
|
|
|
|
/**
|
|
Multiselect maybe?
|
|
*/
|
|
.select2-results__option[aria-selected=true]
|
|
{
|
|
background-color: var(--main-theme-color) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.select2-results__option[aria-selected=false]
|
|
{
|
|
background-color: var(--table-stripe-bg) !important;
|
|
/*background-color: hsl(from var(--main-theme-color) h s calc(l - 15)) !important;*/
|
|
/*color: var(--nav-primary-text-color) !important;*/
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
/**
|
|
Highlight the select2 on hover when NOT the selected option
|
|
*/
|
|
.select2-results__option--highlighted[aria-selected=false]
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 10)) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
/**
|
|
Highlight the select2 on hover when the selected option
|
|
*/
|
|
.select2-results__option--highlighted[aria-selected=true],
|
|
.select2-results__option--highlighted[aria-selected=true]:hover,
|
|
.select2-results__option--highlighted[aria-selected=true]:link,
|
|
.select2-results__option--highlighted[aria-selected=true]:focus,
|
|
.select2-results__option--highlighted[aria-selected=true]:visited
|
|
{
|
|
background-color: hsl(from var(--main-theme-color) h s calc(l - 15)) !important;
|
|
/*color: var(--color-fg) !important;*/
|
|
color: var(--nav-primary-text-color) !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;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.select2-selection__choice__remove {
|
|
color: var(--nav-primary-text-color) !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(--nav-primary-text-color) !important;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/*
|
|
eonasdan bootstrap-datetimepicker widget: match the app's theme color
|
|
for selected/today cells and follow light/dark mode for the popup
|
|
chrome. Ships with Bootstrap's stock #337ab7 which looks off next to
|
|
AdminLTE.
|
|
|
|
- All toolbar buttons: .bootstrap-datetimepicker-widget li.picker-switch a[data-action]
|
|
- Individual buttons: a[data-action="today"], a[data-action="clear"], a[data-action="close"] - -
|
|
- The <td> cell each button sits in: .bootstrap-datetimepicker-widget li.picker-switch td
|
|
- The icon <span> inside the anchor: .bootstrap-datetimepicker-widget li.picker-switch a[data-action] > span
|
|
*/
|
|
.bootstrap-datetimepicker-widget {
|
|
z-index: 1030 !important;
|
|
background-color: var(--box-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
/* Widget border in the theme color so the popup edge visually
|
|
matches other themed boxes in the app. */
|
|
.bootstrap-datetimepicker-widget.dropdown-menu {
|
|
border: 1px solid var(--main-theme-color) !important;
|
|
}
|
|
|
|
/* The connecting caret between the input and the popup is drawn
|
|
with two triangles: :before is the outer border outline (7px),
|
|
:after is the inner fill (6px, sits inside the :before). Match
|
|
the widget's own theme-color border on the outer triangle, and
|
|
the widget's background on the inner. */
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
|
border-bottom-color: var(--main-theme-color) !important;
|
|
}
|
|
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
|
border-bottom-color: var(--box-bg) !important;
|
|
}
|
|
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
|
border-top-color: var(--main-theme-color) !important;
|
|
}
|
|
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
|
border-top-color: var(--box-bg) !important;
|
|
}
|
|
|
|
/* Side-by-side (date + time) mode ships at 38em, not wide enough
|
|
once the format includes seconds. Bump up to give the time cells
|
|
room. */
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
|
width: 42em !important;
|
|
}
|
|
|
|
/* Compact (non-sideBySide) mode. Library default is 19em, which is
|
|
too narrow for the time-picker view — hour/minute/second cells
|
|
are 54px each and the increment/decrement arrow buttons add width
|
|
on top of that, so under ~300px the time view gets clipped. Sizing
|
|
to fit the widest child (the time view) also gives the calendar
|
|
view plenty of room. */
|
|
.bootstrap-datetimepicker-widget.dropdown-menu:not(.timepicker-sbs) {
|
|
min-width: 320px;
|
|
}
|
|
|
|
.bootstrap-datetimepicker-widget table td.active,
|
|
.bootstrap-datetimepicker-widget table td.active:hover,
|
|
.bootstrap-datetimepicker-widget table td span.active,
|
|
.bootstrap-datetimepicker-widget table td span.active:hover {
|
|
background-color: var(--main-theme-color) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.bootstrap-datetimepicker-widget table td.today:before {
|
|
border-bottom-color: var(--main-theme-color) !important;
|
|
}
|
|
|
|
/* Cell hover: theme color background + white text — same shape as
|
|
"active" so contrast is guaranteed in both light and dark mode. */
|
|
.bootstrap-datetimepicker-widget table td:hover,
|
|
.bootstrap-datetimepicker-widget table td span:hover,
|
|
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
|
background-color: var(--main-theme-color) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
/* Time-picker text (compact mode). Bootstrap's .btn base color is
|
|
#333 which is invisible on the dark box-bg in dark mode; force
|
|
these text elements to inherit the widget's --color-fg instead
|
|
so they read in both themes.
|
|
- .timepicker-hour / -minute / -second : the big clickable digits
|
|
- .separator : the colon between them
|
|
- .timepicker-picker .btn : the up/down arrow buttons
|
|
- .timepicker-picker .btn span : the FA icon inside those
|
|
- .timepicker-hours / -minutes / -seconds .btn : the expanded grid
|
|
of pickable hour/minute/second numbers when you click a digit */
|
|
.bootstrap-datetimepicker-widget .timepicker-hour,
|
|
.bootstrap-datetimepicker-widget .timepicker-minute,
|
|
.bootstrap-datetimepicker-widget .timepicker-second,
|
|
.bootstrap-datetimepicker-widget .separator,
|
|
.bootstrap-datetimepicker-widget .timepicker-picker .btn,
|
|
.bootstrap-datetimepicker-widget .timepicker-picker .btn span,
|
|
.bootstrap-datetimepicker-widget .timepicker-hours td,
|
|
.bootstrap-datetimepicker-widget .timepicker-minutes td,
|
|
.bootstrap-datetimepicker-widget .timepicker-seconds td {
|
|
color: var(--color-fg) !important;
|
|
}
|
|
|
|
/* The empty <td class="separator"> cells above and below the ":"
|
|
are pure spacers, but were rendering visible "lines" around the
|
|
colon. Force their background to match the popup so they blend
|
|
into the widget in both light and dark mode.
|
|
|
|
Also kill the ::before / ::after pseudo-elements — the app's own
|
|
.separator class elsewhere in the codebase draws horizontal grey
|
|
border-bottom lines via those pseudos (for section dividers), and
|
|
class-name collides with the library's timepicker separator td. */
|
|
.bootstrap-datetimepicker-widget .separator {
|
|
background-color: var(--box-bg) !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.bootstrap-datetimepicker-widget .separator::before,
|
|
.bootstrap-datetimepicker-widget .separator::after {
|
|
display: none !important;
|
|
content: none !important;
|
|
border: none !important;
|
|
}
|
|
/* Same treatment for the increment/decrement arrow buttons — no
|
|
border/box-shadow/focus outline so the time-picker column doesn't
|
|
get sub-lines between each button. */
|
|
.bootstrap-datetimepicker-widget .timepicker-picker .btn {
|
|
background-color: var(--box-bg) !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
.bootstrap-datetimepicker-widget .timepicker-picker .btn:focus,
|
|
.bootstrap-datetimepicker-widget .timepicker-picker .btn:active {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
|
|
/* Button hover — matches the whole <a> element */
|
|
.bootstrap-datetimepicker-widget li.picker-switch a[data-action]:hover,
|
|
.bootstrap-datetimepicker-widget li.picker-switch td:hover {
|
|
background-color: transparent !important;
|
|
border-radius: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
.input-group-addon {
|
|
background-color: var(--input-group-bg) !important;
|
|
color: var(--input-group-fg) !important;
|
|
border-color: var(--input-border-color) !important;
|
|
}
|
|
|
|
input:disabled,
|
|
input[type="checkbox"]:disabled,
|
|
input[type="radio"]:disabled,
|
|
input[readonly],
|
|
textarea[readonly],
|
|
textarea:disabled,
|
|
.select2-container--default.select2-container--disabled .select2-selection--single,
|
|
.select2-container--default.select2-container--disabled .select2-selection--multiple,
|
|
.select2-container--default.select2-container--disabled .select2-selection__rendered,
|
|
.select2-results__option[aria-disabled=true],
|
|
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search--inline {
|
|
background-color: light-dark(rgb(234, 232, 232), rgb(117, 116, 117)) !important;
|
|
cursor: not-allowed !important;
|
|
}
|
|
|
|
.select2-container--default.select2-container--disabled .select2-search__field::placeholder {
|
|
color: var(--text-help) !important;
|
|
opacity: 1 !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,
|
|
.modal-danger h4,
|
|
.modal-warning h4,
|
|
.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),
|
|
.cansort
|
|
{
|
|
background-color: var(--table-stripe-bg) !important;
|
|
border-top: var(--table-border-row-top) !important;
|
|
color: var(--color-fg) !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),
|
|
.cansort
|
|
{
|
|
background-color: var(--table-stripe-bg-alt) !important;
|
|
border-top: var(--table-border-row-top) !important;
|
|
color: var(--color-fg) !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;
|
|
}
|
|
|
|
.label-light {
|
|
background-color: var(--default-label-link-bg) !important;
|
|
color: var(--color-fg) !important;
|
|
font-size: 12px !important;
|
|
font-weight: normal !important;
|
|
line-height: 25px;
|
|
margin-left: 0px;
|
|
padding-left: 3px;
|
|
|
|
}
|
|
|
|
a.label-light,
|
|
a.label-light:hover {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
.dropdown-menu > li > a,
|
|
.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) !important;
|
|
/*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;
|
|
}
|
|
|
|
|
|
.list-group-item:first-child {
|
|
border-top: 0 !important;
|
|
}
|
|
|
|
.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-bg) !important;
|
|
border-bottom-color: var(--box-header-bottom-border-color) !important;
|
|
color: var(--color-fg);
|
|
}
|
|
|
|
|
|
.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,
|
|
.callout.callout-warning,
|
|
.callout.callout-danger,
|
|
.callout.callout-success,
|
|
.callout.callout-info,
|
|
.alert.alert-warning,
|
|
.alert.alert-danger,
|
|
.alert.alert-info,
|
|
.alert.alert-success {
|
|
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) !important;
|
|
}
|
|
|
|
.text-info {
|
|
color: var(--text-info) !important;
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--main-theme-color) !important;
|
|
}
|
|
|
|
.text-danger {
|
|
color: var(--text-danger) !important;
|
|
}
|
|
|
|
.text-success {
|
|
color: var(--text-success) !important;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
.logo:hover
|
|
{
|
|
background-color: var(--main-theme-color) !important;
|
|
color: var(--nav-primary-text-color) !important;
|
|
}
|
|
|
|
.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: var(--color-fg) !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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.box.box-theme {
|
|
border-top: var(--main-theme-color) !important;
|
|
}
|
|
|
|
input[type="date"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="text"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="tel"]:focus,
|
|
textarea:focus
|
|
{
|
|
border-color: hsl(from var(--main-theme-color) h s calc(l - 5)) !important;
|
|
}
|
|
|
|
input[type="date"]:required,
|
|
input[type="number"]:required,
|
|
input[type="text"]:required,
|
|
input[type="url"]:required,
|
|
input[type="email"]:required,
|
|
input[type="password"]:required,
|
|
input[type="tel"]:required,
|
|
select:required,
|
|
input:required,
|
|
textarea:required
|
|
{
|
|
border-right: 5px solid orange !important;
|
|
}
|
|
|
|
.bootstrap-table .fixed-table-container .table tbody tr.selected td {
|
|
background-color: light-dark(hsl(from var(--main-theme-color) h s calc(l + 40)),hsl(from var(--main-theme-color) h s calc(l - 40))) !important;
|
|
}
|
|
|
|
tr.success > td {
|
|
background-color: #00a65a !important;
|
|
color: white !important;
|
|
}
|
|
|
|
tr.danger > td {
|
|
background-color: var(--text-danger) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
@media print {
|
|
|
|
body,
|
|
div.content-wrapper,
|
|
section.content,
|
|
.webui,
|
|
.main-panel,
|
|
.nav-tabs-custom,
|
|
.box,
|
|
.box-body,
|
|
.list-group,
|
|
.list-group-unbordered,
|
|
.list-group-item,
|
|
.row,
|
|
.tab-content
|
|
{
|
|
background: white !important;
|
|
color: black !important;
|
|
}
|
|
.fixed-table-toolbar,
|
|
.fixed-table-pagination,
|
|
#assetsToolBar,
|
|
.fixed-table-pagination
|
|
{
|
|
display: none !important;
|
|
}
|
|
.tab-pane.hidden-print {
|
|
display: none !important;
|
|
visibility: hidden !important;
|
|
}
|
|
|
|
h2, h3, h4 {
|
|
color: black !important;
|
|
}
|
|
|
|
.col-sm-9,
|
|
.main-panel
|
|
{
|
|
float: left;
|
|
width: 100% !important;
|
|
}
|
|
|
|
}
|
|
|
|
.list-group-item.subitem {
|
|
padding-left: 20px !important;
|
|
border-left: 0 !important;
|
|
border-right: 0 !important;
|
|
}
|
|
|
|
.list-group-item.subitem:first-child {
|
|
border: var(--tab-bottom-border);
|
|
}
|
|
|
|
.list-group-item.subitem:last-child {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.main-panel-content {
|
|
line-height: 20px;
|
|
border-bottom: var(--tab-bottom-border);
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
|
|
/* table */
|
|
|
|
dl.table-display {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.table-display dt {
|
|
line-height: 25px;
|
|
clear: left;
|
|
float: left;
|
|
/*text-align: right;*/
|
|
width: 20%;
|
|
margin: 0;
|
|
padding: 8px;
|
|
border-top: var(--tab-bottom-border);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.table-display dd {
|
|
line-height: 20px;
|
|
float: left;
|
|
width: 80%;
|
|
margin: 0;
|
|
padding: 10px;
|
|
border-top: var(--tab-bottom-border);
|
|
}
|
|
|
|
.well-display dt {
|
|
clear: left;
|
|
float: left;
|
|
width: 70%;
|
|
margin: 0;
|
|
padding: 6px;
|
|
border-top: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.well-display dd {
|
|
float: left;
|
|
width: 30%;
|
|
margin: 0;
|
|
padding: 6px;
|
|
border-top: 0;
|
|
}
|
|
|
|
.well-sm {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.table-display dd:first-of-type, .table-display dt:first-of-type {
|
|
border-top: 0 !important;
|
|
}
|
|
|
|
|
|
@media (max-width: 750px) {
|
|
.table-display dd {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.table-display dt {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
/* All your print styles go here */
|
|
.box-profile {
|
|
display: block !important;
|
|
width: 100% !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">
|
|
<li aria-hidden="true">
|
|
|
|
<a href="#" class="sidebar-toggle-mobile visible-xs hidden-lg hidden-md" data-toggle="push-menu"
|
|
role="button">
|
|
<span class="sr-only">{{ trans('general.toggle_navigation') }}</span>
|
|
<x-icon type="nav-toggle" />
|
|
</a>
|
|
|
|
</li>
|
|
|
|
@can('index', \App\Models\Asset::class)
|
|
<li aria-hidden="true"{!! (request()->is('hardware*') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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\User::class)
|
|
<li aria-hidden="true"{!! (request()->is('users*') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('users.index') }}" {{$snipeSettings->shortcuts_enabled == 1 ? "accesskey=6" : ''}} tabindex="-1" data-tooltip="true" data-placement="bottom" data-title="{{ trans('general.users') }}">
|
|
<x-icon type="users" class="fa-fw" />
|
|
<span class="sr-only">{{ trans('general.users') }}</span>
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('index', \App\Models\Asset::class)
|
|
<li>
|
|
<form class="navbar-form navbar-left form-inline" role="search" action="{{ route('findbytag/hardware') }}" method="get">
|
|
|
|
<div class="input-group col-xs-12" style="border: 0 !important;">
|
|
<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') }}">
|
|
<span class="input-group-btn">
|
|
<button type="submit" id="topSearchButton" class="btn btn-sm btn-theme" style="padding: 7px 10px 7px 10px; "><x-icon type="search" class="fa-fw" /><div class="sr-only">{{ trans('general.search') }}</div></button>
|
|
</span>
|
|
</div>
|
|
|
|
<input type="hidden" name="topsearch" value="true" id="search">
|
|
|
|
</form>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('admin')
|
|
<li class="dropdown user-menu" aria-hidden="true">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" tabindex="-1" aria-haspopup="true" aria-expanded="false">
|
|
{{ 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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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')
|
|
@if ($snipeSettings->show_alerts_in_menu == '1')
|
|
<livewire:alert-menu/>
|
|
@endif
|
|
@endcan
|
|
|
|
|
|
|
|
<!-- User Account: style can be found in dropdown.less -->
|
|
@auth
|
|
<li class="dropdown user user-menu">
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
@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 assets -->
|
|
@can('self.profile')
|
|
<li {!! (request()->is('account/view-assets') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('view-assets') }}">
|
|
<x-icon type="checkmark" class="fa-fw" />
|
|
{{ trans('general.viewassets') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
|
|
@can('viewRequestable', \App\Models\Asset::class)
|
|
<li {!! (request()->is('account/requested') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('account.requested') }}">
|
|
<x-icon type="requested" class="fa-fw" />
|
|
{{ trans('general.requested_assets_menu') }}
|
|
</a></li>
|
|
@endcan
|
|
|
|
@can('self.profile')
|
|
<li {!! (request()->is('account/accept') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('account.accept') }}">
|
|
<x-icon type="checkmark" class="fa-fw" />
|
|
{{ trans('general.accept_assets_menu') }}
|
|
</a>
|
|
</li>
|
|
|
|
@endcan
|
|
<li {!! (request()->is('account/profile') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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 {!! (request()->is('account/password') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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="{{ trans('general.dark_mode') }}" class="btn-link btn-anchor" onclick="event.preventDefault();">
|
|
{{ trans('general.dark_mode') }}
|
|
</a>
|
|
</li>
|
|
|
|
@can('self.api')
|
|
<li {!! (request()->is('account/api') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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>
|
|
@endauth
|
|
|
|
|
|
@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>
|
|
|
|
<!-- 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" aria-current="page"' : '') !!} 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*', 'maintenances*'])) ? ' 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 {!! (!request()->query('status_type') && (request()->is('hardware')) ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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_type') == 'Deployed' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ url('hardware?status_type=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_type') == 'RTD' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ url('hardware?status_type=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_type') == 'Pending' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ url('hardware?status_type=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" aria-current="page"' : '') !!} ><a
|
|
href="{{ url('hardware?status_type=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_type') == 'byod' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a
|
|
href="{{ url('hardware?status_type=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_type') == 'Archived' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a
|
|
href="{{ url('hardware?status_type=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_type') == 'Requestable' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a
|
|
href="{{ url('hardware?status_type=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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('hardware.bulkcheckout.show') }}">
|
|
{{ trans('general.bulk_checkout') }}
|
|
</a>
|
|
</li>
|
|
<li{!! (request()->is('hardware/requested') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('assets.requested') }}">
|
|
{{ trans('general.requested') }}</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Asset::class)
|
|
<li{!! (request()->query('status_type') == 'Deleted' ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ url('hardware?status_type=Deleted') }}">
|
|
{{ trans('general.deleted') }}
|
|
</a>
|
|
</li>
|
|
<li {!! (request()->is('maintenances') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('maintenances.index') }}">
|
|
{{ trans('general.maintenances') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
@can('audit', \App\Models\Asset::class)
|
|
<li id="bulk-audit-sidenav-option" {!! (request()->is('hardware/bulkaudit') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('assets.bulkaudit') }}">
|
|
{{ trans('general.bulkaudit') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('admin')
|
|
<li id="import-history-sidenav-option" {!! (request()->is('hardware/history') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<a href="{{ url('hardware/history') }}">
|
|
{{ trans('general.import-history') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
</ul>
|
|
</li>
|
|
@endcan
|
|
@can('view', \App\Models\License::class)
|
|
<li{!! (request()->is('licenses*') ? ' class="active" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!} 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" aria-current="page"' : '') !!}>
|
|
<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 {!! (request()->is(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" aria-current="page"' : '') !!}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<a href="{{ route('statuslabels.index') }}">
|
|
{{ trans('general.status_labels') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\AssetModel::class)
|
|
<li {{!! (request()->is('models*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('models.index') }}">
|
|
{{ trans('general.asset_models') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Category::class)
|
|
<li {{!! (request()->is('categories*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('categories.index') }}">
|
|
{{ trans('general.categories') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Manufacturer::class)
|
|
<li {{!! (request()->is('manufacturers*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('manufacturers.index') }}">
|
|
{{ trans('general.manufacturers') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Supplier::class)
|
|
<li {{!! (request()->is('suppliers*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('suppliers.index') }}">
|
|
{{ trans('general.suppliers') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Department::class)
|
|
<li {{!! (request()->is('departments*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('departments.index') }}">
|
|
{{ trans('general.departments') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Location::class)
|
|
<li {{!! (request()->is('locations*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('locations.index') }}">
|
|
{{ trans('general.locations') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Company::class)
|
|
<li {{!! (request()->is('companies*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('companies.index') }}">
|
|
{{ trans('general.companies') }}
|
|
</a>
|
|
</li>
|
|
@endcan
|
|
|
|
@can('view', \App\Models\Depreciation::class)
|
|
<li {{!! (request()->is('depreciations*') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<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') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('reports.index') }}">
|
|
{{ trans('general.list_all') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/activity') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('reports.activity') }}">
|
|
{{ trans('general.activity_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/custom') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ url('reports/custom') }}">
|
|
{{ trans('general.custom_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports.custom.component') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('reports.custom.component') }}">
|
|
{{ trans('general.custom_component_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/audit') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('reports.audit') }}">
|
|
{{ trans('general.audit_report') }}</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/depreciation') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ url('reports/depreciation') }}">
|
|
{{ trans('general.depreciation_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/licenses') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ url('reports/licenses') }}">
|
|
{{ trans('general.license_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('ui.reports.maintenances') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ route('ui.reports.maintenances') }}">
|
|
{{ trans('general.asset_maintenance_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/unaccepted_assets') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<a href="{{ url('reports/unaccepted_assets') }}">
|
|
{{ trans('general.unaccepted_asset_report') }}
|
|
</a>
|
|
</li>
|
|
<li {{!! (request()->is('reports/accessories') ? ' class="active" aria-current="page"' : '') !!}}>
|
|
<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" aria-current="page"' : '') !!}>
|
|
<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">
|
|
|
|
@include('partials.impersonation-banner')
|
|
|
|
@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">
|
|
<x-callout type="info" role="status">
|
|
{{ trans('general.some_features_disabled') }}
|
|
</x-callout>
|
|
</div>
|
|
@endif
|
|
|
|
<x-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 fa-fw"></i>
|
|
</a>
|
|
<a target="_blank" href="https://github.com/grokability/snipe-it/" rel="noopener" data-tooltip="true" data-title="Join us on Github">
|
|
<i class="fa-brands fa-square-github fa-fw"></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 fa-fw"></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 fa-fw"></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() }}">
|
|
|
|
// Handle the first selected tabs regardless of permissions
|
|
if ($('li.snipetab').is(':first-of-type')) {
|
|
var hash = $('li.snipetab:first-of-type').children().attr('href');
|
|
$('li.snipetab:first-of-type').addClass('active');
|
|
$('div'+hash+'.snipetab-pane').addClass('in active');
|
|
}
|
|
|
|
|
|
//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 ? '{{ trans('general.light_mode') }}' : '{{ trans('general.dark_mode') }}';
|
|
const newCtaButton = isDark ? '<i class="fa-regular fa-sun fa-fw"></i> ' : '<i class="fa-solid fa-moon fa-fw"></i> ';
|
|
// 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 = newCtaButton + 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;
|
|
});
|
|
|
|
|
|
|
|
|
|
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/
|
|
//
|
|
// Two form-ids get the same validator: `create-form` is the default
|
|
// id emitted by the form blade component, and `checkout_form` is
|
|
// the anti-double-submit id used by the six checkout flows. Both
|
|
// need the same error styling + select2 error placement, so we
|
|
// init in a loop instead of duplicating the options block.
|
|
var snipeValidatorOptions = {
|
|
ignore: 'input[type=hidden]',
|
|
errorClass: 'alert-msg',
|
|
errorElement: 'div',
|
|
errorPlacement: function(error, element) {
|
|
// Screen readers only announce inserted error text when the
|
|
// error element carries role=alert (aria-live=assertive is
|
|
// implied, but set explicitly for older AT compatibility).
|
|
// The X icon is applied via the .alert-msg::before CSS rule
|
|
// (see resources/assets/less/app.less); prepending it here
|
|
// would be wiped on re-validation, when jQuery Validate
|
|
// calls label.html(msg) on the existing element.
|
|
error.attr('role', 'alert');
|
|
error.attr('aria-live', 'assertive');
|
|
|
|
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) {
|
|
// Put the error-state class on the enclosing .form-group
|
|
// so both the input AND its <label class="control-label">
|
|
// get Bootstrap 3's has-error decoration (the label goes
|
|
// red via .has-error .control-label). .closest() walks up
|
|
// regardless of nesting, so this works for plain inputs,
|
|
// input-groups (input + addon), and select2-wrapped selects
|
|
// without a per-shape branch.
|
|
var $group = $(inputElement).closest('.form-group');
|
|
$group.addClass('has-error');
|
|
// Blow away any inline help block that would collide with
|
|
// the newly-inserted error text.
|
|
$group.find('.help-block').remove();
|
|
},
|
|
unhighlight: function(inputElement) {
|
|
$(inputElement).closest('.form-group').removeClass('has-error');
|
|
},
|
|
|
|
};
|
|
|
|
$('#create-form, #checkout_form, #userForm').each(function () {
|
|
$(this).validate(snipeValidatorOptions);
|
|
});
|
|
|
|
$.extend($.validator.messages, {
|
|
required: "{{ trans('validation.generic.required') }}",
|
|
email: "{{ trans('validation.generic.email') }}"
|
|
});
|
|
|
|
$.validator.addMethod('pattern', function(value, element, param) {
|
|
if (this.optional(element)) {
|
|
return true;
|
|
}
|
|
if (typeof param === 'string') {
|
|
param = new RegExp('^(?:' + param + ')$');
|
|
}
|
|
return param.test(value);
|
|
}, '{{ trans('validation.generic.invalid_value_in_field') }}');
|
|
|
|
// Generic radio-toggles-required-select handler. Any form pattern
|
|
// where a radio group hides/shows sibling <select>s (checkout-to
|
|
// type in checkout forms today; any future similar toggle) can
|
|
// opt in by giving the radios a `data-required-select` attribute
|
|
// whose value is a CSS selector for the field the checked radio
|
|
// should mark required. Radios that don't set the attribute are
|
|
// ignored; selects that only appear as data-required-select
|
|
// targets get their required attribute cleared when a different
|
|
// radio in the same group is chosen. Runs once on ready + on
|
|
// every change so page-refresh state and interactive toggles
|
|
// both stay in sync.
|
|
//
|
|
// The visibility check is critical for asset create/edit, where
|
|
// the checkout-selector partial is rendered hidden and only
|
|
// revealed after a deployable status is picked. Without it, the
|
|
// browser tries to enforce required on an invisible select and
|
|
// silently blocks the save.
|
|
var applyRadioRequiredSelects = function () {
|
|
// Group opted-in radios by name, collecting the list of CSS
|
|
// selectors each group can point at. Reading via .attr()
|
|
// rather than .data() because .data() caches on first access
|
|
// and can miss late-changing values in select2 / Bootstrap
|
|
// data-toggle="buttons" environments. Only VISIBLE radios
|
|
// count — a hidden checkout-selector on asset create/edit
|
|
// is inert and shouldn't be pinning required on anything.
|
|
var groups = {};
|
|
$('input[type=radio][data-required-select]:visible').each(function () {
|
|
var name = this.name;
|
|
var target = this.getAttribute('data-required-select');
|
|
if (!name || !target) return;
|
|
if (!groups[name]) groups[name] = [];
|
|
if (groups[name].indexOf(target) === -1) groups[name].push(target);
|
|
});
|
|
|
|
// For each group, pin required on the currently-checked
|
|
// radio's target and clear it from every sibling target.
|
|
// If the target select itself is hidden (e.g., the "user"
|
|
// form-group is display:none because a non-deployable status
|
|
// was picked), don't set required on it — the browser would
|
|
// block form submit on an invisible element.
|
|
Object.keys(groups).forEach(function (name) {
|
|
var $checked = $('input[name="' + name + '"]:checked');
|
|
var checkedTarget = $checked.length ? $checked[0].getAttribute('data-required-select') : null;
|
|
groups[name].forEach(function (selector) {
|
|
var $target = $(selector);
|
|
var shouldBeRequired = selector === checkedTarget && $target.is(':visible');
|
|
$target.prop('required', shouldBeRequired);
|
|
});
|
|
});
|
|
};
|
|
$(document).on('change', 'input[type=radio][data-required-select]', applyRadioRequiredSelects);
|
|
$(document).ready(applyRadioRequiredSelects);
|
|
|
|
|
|
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 targetEl = document.getElementById(targetElement);
|
|
var isMarkdown = targetEl && targetEl.dataset.markdown;
|
|
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
|
|
if (isMarkdown) {
|
|
targetEl.style.display = "block";
|
|
} else {
|
|
targetEl.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
|
|
if (isMarkdown) {
|
|
targetEl.style.display = "none";
|
|
} else {
|
|
// ClipboardJS can't copy display:none elements so use a trick to hide the value
|
|
targetEl.style.fontSize = "0px";
|
|
}
|
|
document.getElementById(hiddenElement).style.display = "";
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
function checkInfoSidePanel() {
|
|
var side_panel_state = localStorage.getItem("side_panel_state");
|
|
|
|
// Open side info panel
|
|
if (side_panel_state == 'collapsed') {
|
|
collapseInfoSidePanel();
|
|
|
|
// Collapse side info panel
|
|
} else {
|
|
expandInfoSidePanel();
|
|
}
|
|
|
|
}
|
|
|
|
function toggleInfoSidePanel() {
|
|
var side_panel_state = localStorage.getItem("side_panel_state");
|
|
|
|
if (side_panel_state == 'expanded') {
|
|
localStorage.setItem("side_panel_state", 'collapsed');
|
|
} else {
|
|
localStorage.setItem("side_panel_state", 'expanded');
|
|
}
|
|
|
|
checkInfoSidePanel();
|
|
}
|
|
|
|
function collapseInfoSidePanel() {
|
|
$('.side-box').removeClass('expanded').hide();
|
|
$('.main-panel').removeClass('col-md-9').addClass('col-md-12');
|
|
$("#expand-info-panel-button").addClass('fa-square-caret-left').removeClass('fa-square-caret-right');
|
|
}
|
|
|
|
function expandInfoSidePanel() {
|
|
$('.side-box').fadeIn("fast").addClass('expanded');
|
|
$('.main-panel').removeClass('col-md-12').addClass('col-md-9');
|
|
$("#expand-info-panel-button").addClass('fa-square-caret-right').removeClass('fa-square-caret-left');
|
|
}
|
|
|
|
|
|
$(document).ready(function () {
|
|
checkInfoSidePanel();
|
|
|
|
// Handle the info-panel
|
|
$("#expand-info-panel-button").click(function () {
|
|
toggleInfoSidePanel();
|
|
});
|
|
|
|
|
|
|
|
// 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();
|
|
});
|
|
// Anti-double-click on checkout forms. The old implementation did
|
|
// event.preventDefault(); $btn.prop('disabled', true); this.submit();
|
|
// which submitted the form NATIVELY (without re-firing the submit
|
|
// event), bypassing jQuery Validate entirely — hence any JS
|
|
// validation error was visible for a single frame before the form
|
|
// shipped straight to the server.
|
|
//
|
|
// New shape: let the normal submit lifecycle run, and only disable
|
|
// the button when the submit has not been cancelled by a prior
|
|
// handler (jQuery Validate calls event.preventDefault() when the
|
|
// form is invalid, so we skip the disable in that case and the
|
|
// operator can fix + retry). jQuery Validate is bound at .validate()
|
|
// time (line ~2390 above) which runs before this ready() callback,
|
|
// so its handler is registered — and fires — first.
|
|
$(document).ready(function () {
|
|
$('#checkout_form').on('submit', function (event) {
|
|
if (event.isDefaultPrevented()) {
|
|
return;
|
|
}
|
|
$('#submit_button').prop('disabled', true);
|
|
});
|
|
});
|
|
|
|
// 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) {
|
|
var originalHtml = $element.html().trim();
|
|
var originalText = $element.text().trim();
|
|
var hasHtmlContent = originalHtml !== '' && originalHtml !== originalText;
|
|
|
|
// Show asterisks only for non-empty values
|
|
if (originalText !== '') {
|
|
var asterisks = '*'.repeat(11);
|
|
// Avoid reprocessing already-asterisked elements
|
|
if (originalText !== asterisks) {
|
|
if (hasHtmlContent) {
|
|
$element.data('encrypted-html', originalHtml);
|
|
}
|
|
$element.attr('value', originalText);
|
|
}
|
|
|
|
// Hide the original value and show a fixed-length asterisk placeholder
|
|
$element.text(asterisks);
|
|
|
|
// Add click event to show original value
|
|
$element.click(function() {
|
|
var $this = $(this);
|
|
if ($this.text().trim() === asterisks) {
|
|
var savedHtml = $this.data('encrypted-html');
|
|
if (savedHtml) {
|
|
$this.html(savedHtml);
|
|
} else {
|
|
$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>
|