mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-06 02:33:48 +00:00
151 lines
6.6 KiB
PHP
151 lines
6.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
|
|
<meta name="description" content="{{ $settings->app_description ?? __('vuefilemanager.app_description') }}">
|
|
|
|
<title>{{ $settings->app_title ?? 'VueFileManager' }} | {{ $settings->app_description ?? __('vuefilemanager.app_description') }}</title>
|
|
|
|
{{--StyleSheet--}}
|
|
{{--<link href="{{ asset('css/app.css') }}?v={{ get_version() }}" rel="stylesheet">--}}
|
|
<link href="{{ mix('css/app.css') }}?v={{ get_version() }}" rel="stylesheet">
|
|
|
|
{{--OG items--}}
|
|
<meta property="og:url" content="{{ url('/') }}">
|
|
<meta property="og:title" content="{{ $settings->app_title ?? 'VueFileManager' }} | {{ $settings->app_description ?? __('vuefilemanager.app_description') }}">
|
|
<meta property="og:description" content="{{ $settings->app_description ?? __('vuefilemanager.app_description') }}">
|
|
<meta property="og:image" content="{{ asset('assets/images/vuefilemanager-og-image.jpg') }}">
|
|
|
|
{{-- Apple Mobile Web App--}}
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
|
<meta name="apple-mobile-web-app-title" content="{{ $settings->app_title ?? 'VueFileManager' }}">
|
|
|
|
{{--Icons--}}
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ asset('assets/images/app-icon.png') }}">
|
|
<link rel="icon" href="{{ $settings->app_favicon ?? asset('favicon.png') }}?v={{ get_version() }}">
|
|
|
|
{{--Format Detection--}}
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="format-detection" content="address=no">
|
|
|
|
<style>
|
|
.svg-color-theme {fill: #FF8200}
|
|
|
|
.svg-stroke-theme {stroke: #FF8200}
|
|
.hover-svg-stroke-theme:hover {stroke: #FF8200}
|
|
|
|
.hover-svg-stroke-theme:hover rect {stroke: #FF8200}
|
|
.hover-svg-stroke-theme:hover line {stroke: #FF8200}
|
|
|
|
.bg-theme {background: #FF8200}
|
|
.bg-theme-50 {background: #FF820005}
|
|
.bg-theme-100 {background: #FF820010}
|
|
.bg-theme-800 {background: #FF820080}
|
|
.hover-bg-theme:hover {background: #FF8200}
|
|
|
|
.text-theme {color: #FF8200}
|
|
.hover-text-theme:hover {color: #FF8200}
|
|
|
|
.shadow-theme {box-shadow: 0 7px 16px 2px #FF820040}
|
|
|
|
.border-theme {border-color: #FF8200}
|
|
.hover-border-theme:hover {border-color: #FF8200}
|
|
|
|
.focus-border-theme:focus {border-color: #FF8200}
|
|
.focus-border-theme:focus[type='email'] {border-color: #FF8200}
|
|
.focus-border-theme:focus[type='text'] {border-color: #FF8200}
|
|
.focus-border-theme:focus[type='password'] {border-color: #FF8200}
|
|
.focus-border-theme:focus[type='password'] {border-color: #FF8200}
|
|
|
|
/* Menubar */
|
|
.router-link-active.home .button-icon {background: #FF820010}
|
|
|
|
/*Content Panel*/
|
|
.router-link-active .text-theme {color: #FF8200 !important}
|
|
.router-link-active .text-theme svg {color: #FF8200 !important}
|
|
.router-link-active.border-bottom-theme {border-bottom-color: #FF8200 !important;}
|
|
|
|
.is-active .text-theme {color: #FF8200 !important}
|
|
.is-active .text-theme svg {color: #FF8200 !important}
|
|
|
|
.menu-list-item.link:hover {color: #FF8200}
|
|
.menu-list-item.link:hover .text-theme svg {color: #FF8200}
|
|
|
|
/*Select Input*/
|
|
.input-area.is-active {border-color: #FF8200 !important}
|
|
|
|
/*ButtonBase*/
|
|
.button-base.theme {background: #FF820010}
|
|
.button-base.theme .content {color: #FF8200}
|
|
.button-base.theme polyline,
|
|
.button-base.theme path {
|
|
color: #FF8200
|
|
}
|
|
|
|
.switch.active {background: #FF8200 !important;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
|
|
<script>
|
|
let config = {
|
|
host: '{{ url('/') }}',
|
|
api: '{{ url('/api') }}',
|
|
locale: '{{ \Illuminate\Support\Facades\App::getLocale() }}',
|
|
|
|
app_logo: '{{ $settings->app_logo ?? null }}',
|
|
app_footer: '{!! $settings->footer_content ?? null !!}',
|
|
app_name: '{{ $settings->app_title ?? 'VueFileManager' }}',
|
|
app_logo_horizontal: '{{ $settings->app_logo_horizontal ?? null }}',
|
|
app_description: '{{ $settings->app_description ?? __('vuefilemanager.app_description') }}',
|
|
|
|
stripe_public_key: '{{ config('cashier.key') ?? null }}',
|
|
app_payments_active: {{ $settings->payments_active ?? 0 }},
|
|
|
|
allowHomepage: {{ $settings->allow_homepage ?? 1 }},
|
|
userRegistration: {{ $settings->registration ?? 1 }},
|
|
storageLimit: {{ $settings->storage_limitation ?? 1 }},
|
|
storageDefaultSpace: {{ $settings->storage_default ?? 5 }},
|
|
storageDefaultSpaceFormatted: '{{ isset($settings->storage_default) ? format_gigabytes($settings->storage_default) : format_gigabytes(5) }}',
|
|
mimetypesBlacklist: '{{ isset($settings->mimetypes_blacklist) ? $settings->mimetypes_blacklist: null}}',
|
|
uploadLimit: {{ isset($settings->upload_limit) ? format_bytes($settings->upload_limit) : 'undefined' }},
|
|
uploadLimitFormatted: '{{ isset($settings->upload_limit) ? format_megabytes($settings->upload_limit) : null }}',
|
|
chunkSize: {{ format_bytes(config('vuefilemanager.chunk_size')) }},
|
|
|
|
isAuthenticated: {{ auth()->check() ? 1 : 0 }},
|
|
isSaaS: {{ $settings && $settings->license === 'Extended' ? 1 : 0 }},
|
|
isDemo: {{ config('vuefilemanager.is_demo') ? 1 : 0 }},
|
|
|
|
legal: {!! $legal ?? 'undefined' !!},
|
|
|
|
installation: '{{ $installation ?? 'initial' }}',
|
|
}
|
|
</script>
|
|
|
|
@if(env('APP_ENV') !== 'local')
|
|
|
|
{{--Application production script--}}
|
|
<script src="{{ asset('js/main.js') }}?v={{ get_version() }}"></script>
|
|
|
|
{{--Global site tag (gtag.js) - Google Analytics--}}
|
|
@if(isset($settings->google_analytics) && $settings->google_analytics)
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id={{ $settings->google_analytics }}"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', '{{ $settings->google_analytics }}');
|
|
</script>
|
|
@endif
|
|
@else
|
|
{{--Application development script--}}
|
|
<script src="{{ mix('js/main.js') }}"></script>
|
|
@endif
|
|
</body>
|
|
</html>
|