devol/LinkStack
1
0
Fork 0
mirror of https://github.com/LinkStackOrg/LinkStack.git synced 2025-03-12 17:40:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add SPA_MODE configuration and update related views for conditional loading

Browse Source
This commit is contained in:
Julian Prieber 2024-12-19 16:30:31 +01:00
parent 91e716adc0
commit 4c39a2ea1a
6 changed files with 46 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env
View File

@ -134,4 +134,6 @@ MANUAL_USER_VERIFICATION=true
ENABLE_REPORT_ICON=false
ENABLE_ADMIN_BAR=true
ENABLE_ADMIN_BAR_USERS=false
ENABLE_ADMIN_BAR_USERS=false
SPA_MODE=false

3
resources/views/components/config/config.blade.php
View File

@ -276,6 +276,9 @@ foreach($users as $user){if($user->littlelink_name != $configValue2){echo '<opti
<a name="Panel-settings"><h2 class="ch2">{{__('messages.Panel settings')}}</h2></a>
{{toggle('SPA_MODE')}}
{{toggle('NOTIFY_EVENTS')}}

6
resources/views/components/finishing.blade.php
View File

@ -162,6 +162,12 @@ if (EnvEditor::keyExists('ALLOW_REGISTRATION')) {
}
}
if (EnvEditor::keyExists('SPA_MODE')) {
/* Do nothing if key already exists */
} else {
EnvEditor::addKey('SPA_MODE', 'false');
}
try {
$file = base_path('storage/RSTAC');
if (file_exists($file)) {

59
resources/views/layouts/sidebar.blade.php
View File

@ -4,6 +4,8 @@
use App\Models\UserData;
$usrhandl = Auth::user()->littlelink_name;
$spa = env('SPA_MODE', false);
$betaServer = env('BETA_SERVER', 'https://beta.linkstack.org/');
$versionServer = env('VERSION_SERVER', 'https://version.linkstack.org/');
@endphp
@ -16,7 +18,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{{ env('APP_NAME') }}</title>
@livewireStyles
@if($spa)
@livewireStyles
@endif
<base href="{{ url()->current() }}" />
<meta name="csrf-token" content="{{ csrf_token() }}">
@ -71,29 +75,12 @@
<link rel="stylesheet" href="{{ asset('assets/linkstack/css/hover-min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/linkstack/css/animate.css') }}">
<link rel="stylesheet" href="{{ asset('assets/external-dependencies/bootstrap-icons.css') }}">
{{-- <style>
body * {
animation-name: loadfade;
animation-duration: .6s;
animation-fill-mode: both;
}
@keyframes loadfade {
from {
opacity: 0;
}
<!-- Library Bundle Script -->
<script src="{{ asset('assets/js/core/libs.min.js') }}"></script>
to {
opacity: 1;
}
}
</style> --}}
<!-- Library Bundle Script -->
<script src="{{ asset('assets/js/core/libs.min.js') }}"></script>
<!-- App Script -->
<script src="{{ asset('assets/js/hope-ui.js') }}" defer></script>
<!-- App Script -->
<script src="{{ asset('assets/js/hope-ui.js') }}" defer></script>
<!-- External Library Bundle Script -->
@ -102,10 +89,6 @@
<!-- Widgetchart Script -->
<script src="{{ asset('assets/js/charts/widgetcharts.js') }}"></script>
<!-- mapchart Script -->
<script src="{{ asset('assets/js/charts/vectore-chart.js') }}"></script>
<script src="{{ asset('assets/js/charts/dashboard.js') }}"></script>
<!-- fslightbox Script -->
<script src="{{ asset('assets/js/plugins/fslightbox.js') }}"></script>
@ -168,14 +151,15 @@
<script src="{{ asset('assets/vendor/livewire/core.min.js') }}"></script>
</head>
<body class="{{$_COOKIE['color-mode'] ?? 'auto'}}">
{{-- <!-- loader Start -->
<div id="loading">
<div id="loader" class="loader simple-loader">
<div class="loader-body"></div>
@if(!$spa)
<!-- loader Start -->
<div id="loading">
<div id="loader" @if($_COOKIE['color-mode'] == 'dark')style="background:#222738"@endif class="loader simple-loader">
<div class="loader-body"></div>
</div>
</div>
</div>
<script>document.getElementById('loader').style.backgroundColor = colorMode === 'dark' ? '#222738' : '';</script>
<!-- loader END --> --}}
<!-- loader END -->
@endif
<aside class="sidebar sidebar-default sidebar-white sidebar-base navs-rounded-all ">
<div class="sidebar-header d-flex align-items-center justify-content-start">
@ -1238,6 +1222,10 @@ MODAL; // <-- Indentation breaks my code editor :/
<!-- Settings Script -->
<script src="{{ asset('assets/js/plugins/setting.js') }}"></script>
<!-- mapchart Script -->
<script src="{{ asset('assets/js/charts/vectore-chart.js') }}"></script>
<script src="{{ asset('assets/js/charts/dashboard.js') }}"></script>
@stack('sidebar-scripts')
{{-- <script src="{{ asset('assets/js/detect-dark-mode.js') }}"></script> --}}
@ -1254,6 +1242,9 @@ MODAL; // <-- Indentation breaks my code editor :/
}
}, { once: true });
</script>
@livewireScripts
@if($spa)
@livewireScripts
@endif
</body>
</html>

4
resources/views/panel/users.blade.php
View File

@ -124,14 +124,14 @@
</div>
@push('sidebar-stylesheets')
@if(false)
@if(!env('SPA_MODE', false))
@livewireStyles
@endif
<link rel="stylesheet" href="{{ asset('assets/vendor/livewire/core.min.css') }}" />
@endpush
@push('sidebar-scripts')
@if(false)
@if(!env('SPA_MODE', false))
@livewireScripts
<script src="{{ asset('assets/vendor/livewire/core.min.js') }}"></script>
@endif

8
resources/views/studio/page.blade.php
View File

@ -347,6 +347,8 @@
@if (env('ALLOW_USER_HTML') === true)
@push('sidebar-stylesheets')
<script src="{{ asset('assets/external-dependencies/ckeditor.js') }}"></script>
@endpush
@push('sidebar-scripts')
<script>
function performOperation() {
ClassicEditor
@ -405,6 +407,10 @@
.catch(error => {
console.error(error);
});
var element = document.querySelector('.ckeditor');
if (element) {
element.classList.remove('ckeditor');
}
}
document.addEventListener('DOMContentLoaded', () => {
@ -415,7 +421,7 @@
document.addEventListener('livewire:navigated', () => {
performOperation();
});
}, { once: true });
</script>
@endpush
@endif