mirror of
https://github.com/pelican-dev/panel.git
synced 2025-05-19 22:14:45 +02:00
fea1c51337
* Add new panel * Add some basic resource pages * Wip * Wip terminal * Wip * Add new panel * Add some basic resource pages * Wip * [Sub-Users] Add Invite TODO: The logic with permissions * [Sub-Users] Fix Creation * [Cron] Add basics * Add basic auth and messages * Add basic buttons * WIP on issue/353 * WIP on issue/353 * Add Database page * Update Database Page * Start of Backup Page * Composer Update * Changes * Send input * Remove this includes * Better offline handling * Consolidate top nav config * Update Backups Page * Update Backups * Change name * Add Assign All, Layout Fixes. * conflict * update schedule pages * fix phpstan * update pint.json * add cron presets to schedule * fix tests * fix task creation * schedules: disable task creation if limit is reached & disable backup action if backup limit is 0 * update activity pages * update resources * Update Edit User TODO: actually save permissions when they're changed. TODO: Figure out why Control does not update it's state... but the rest do... * .... Sure it works. TODO: Update permissions when you save editing a sub user. * user: update canAccessPanel & canAccessTenant * add helper to convert bytes into readable format * very basic file explorer * files: fix some stuff & remove dummy data * files: better error handling * files: basic file editor * files: add some actions * File manager updates * files: fix paths * Revery Composer Upgrade, Fixes SQLite * fix: Pint (#517) feat: MenuItems to and from admin * Update File Editing Updated File Editing to its own page, Added Permission checks for file manager. Co-authored-by: Boy132 <Boy132@users.noreply.github.com> * add enum for editor langs * files: add upload & pull actions * fix build * files: handle images * Update to Filament v3.2.98 * files: add remaining actions * use `authorize` instead of `hidden` * fix canAccessTenant * update date columns * files: testing & fixes * Fix File Names Co-authored-by: lancepioch <git@lance.sh> * Combine Pull/Upload * Fix BulkDelete * Uncontained tabs * Hide Lang Selection, Move Actions * Update Monaco, more custom * Add livewire config livewire limits uploads to 12MB... who knows why... Fixed uploading a single files failing * files: fix record url * basic setup for settings & startup page * make abstract class for simple app pages * Basic Startup Page * Update nav sort * small cleanup * startup: fix shouldHideComponent & getSelectOptionsFromRules * startup: fix non editable fields & set default value * startup: add todo for save button * Save Variables after update & off click Variables update when the user clicks off the input. * Notifications are cool * Add rule validation * Sort variables by sortid * pint * Settings Page + Startup Changes * settings: cleanup * refactor: use server model for ServerFormPage (formerly known as SimplePage) * Use Repeater for variables * Add Network, Remove breadcrumbs * Add paginated to file explorer * Fix updating variables * Add link to go to new client area * fix after merge * Add graphs to console page Graphs still need to get the data from the web socket. * fix pint & phpstan * fix authorizeAccess for EditFiles and Startup page * Fix rules on startup page * Update console size * Fix node name * add "global search" to files list requires https://github.com/pelican-dev/wings/pull/44 * remove debug dummy data * update view action on ListServers * enable SPA mode for app panel * remove colors from app panel they are defined globally in AppServiceProvider * update global search ui a bit (to be replaced with a custom page that is similar to the list files table) * add own page for global search untested - and route needs cleanup (if possible) * fix File getRows * remove "path" from SearchFiles (for now) * fix caching for searched files * add title and breadcrumbs to global search page * make cpu & memory charts on console page working * fix phpstan * add missing import * cleanup console views & widgets * add overview stats to console * don't be so lazy, console! * make history working * decode data to get array * add missing On * fix json_decode * change polling to 1 sec * hide "0" cpu/ memory * add data to network chart * Remove data labels * fix data on network chart * fix data on network chart (2nd try) * WIP Network Stats * Remove test * Change MaxWidth * run pint * fix phpstan * Fix storeStats cast * make $data a string this time for real * update visible check for "admin" menu item * remove account widget * rebrand "Dashboard" to "Server List" WIP - doesn't look good but is somewhat working * fix canAccessPanel * separate server list into own panel * change path to avoid conflicts with old client area (and remove sidebar width) * display correct icon and color on server list entries * show total memory if server is offline * replace custom server list page with ListRecords page * fix tests * fix namespace * remove "open" button and make whole column clickable * Update EditProfile * run pint * fix access to server list * add new login page to panels * fix next_run_at for new schedules * use new DateTimeColumn * add own column for file bytes * return to server list when clicking title * fix console loading * handle server with "conflict state" * add banner if server is in "conflict state" * fix phpstan * update docker image select * fix permission checks on Settings & Startup pages * fix query for activity log page * fix activity log not being logged * adjust ListActivities * fix phpstan * fix pint * fix profile menu item link on server panel * add ip tooltip to activity logs (and role permission) * change backup icon * update navigation sort * general code cleanup * more cleanup * Disable Restart/Stop if server is offline * Change rename notification * Remove negation on abort_unless * Add notification on save * Single disabled closure & comment unused import * Add required to Server Name & Nullable to description * mutateFormDataBeforeSave doesn't work since we use forceFill * Fix web socket connection not existing. * Fix some subuser permissions * add permission checks to resources * do not allow self-deletion * Update editing file permissions * Fix of the previous fix * add service for subuser updating * Only allow save if they have file_update * Remove unused import * Update backup delete button * Add Delete, remove bulks * Update Database page * Use Allocation Permissions * add canAccess check to startup * Add Permission checks to Settings page * add service for subuser deletion * Remove Kill permission * Updates * fix move files * add redirects * fix phpstan * activity: remove properties from tans for now * If alias, use that, else ip --------- Co-authored-by: notCharles <charles@pelican.dev> Co-authored-by: Boy132 <mail@boy132.de> Co-authored-by: Senna <62171904+Poseidon281@users.noreply.github.com> Co-authored-by: Boy132 <Boy132@users.noreply.github.com> Co-authored-by: RMartinOscar <40749467+RMartinOscar@users.noreply.github.com>
141 lines
7.2 KiB
PHP
141 lines
7.2 KiB
PHP
<x-dynamic-component :component="$getFieldWrapperView()" :field="$field" class="overflow-hidden">
|
|
|
|
<div x-data="{
|
|
monacoContent: $wire.$entangle('{{ $getStatePath() }}'),
|
|
previewContent: '',
|
|
fullScreenModeEnabled: false,
|
|
showPreview: false,
|
|
monacoLanguage: '{{ $getLanguage() }}',
|
|
monacoPlaceholder: {{ (int) $getShowPlaceholder() }},
|
|
monacoPlaceholderText: '{{ $getPlaceholderText() }}',
|
|
monacoLoader: {{ (int) $getShowLoader() }},
|
|
monacoFontSize: '{{ $getFontSize() }}',
|
|
lineNumbersMinChars: {{ $getLineNumbersMinChars() }},
|
|
automaticLayout: {{ (int) $getAutomaticLayout() }},
|
|
monacoId: $id('monaco-editor'),
|
|
|
|
toggleFullScreenMode() {
|
|
this.fullScreenModeEnabled = !this.fullScreenModeEnabled;
|
|
this.fullScreenModeEnabled ? document.body.classList.add('overflow-hidden')
|
|
: document.body.classList.remove('overflow-hidden');
|
|
$el.style.width = this.fullScreenModeEnabled ? '100vw'
|
|
: $el.parentElement.clientWidth + 'px';
|
|
},
|
|
|
|
monacoEditor(editor){
|
|
editor.onDidChangeModelContent((e) => {
|
|
this.monacoContent = editor.getValue();
|
|
this.updatePlaceholder(editor.getValue());
|
|
});
|
|
|
|
editor.onDidBlurEditorWidget(() => {
|
|
this.updatePlaceholder(editor.getValue());
|
|
});
|
|
|
|
editor.onDidFocusEditorWidget(() => {
|
|
this.updatePlaceholder(editor.getValue());
|
|
});
|
|
},
|
|
|
|
updatePlaceholder: function(value) {
|
|
if (value == '') {
|
|
this.monacoPlaceholder = true;
|
|
return;
|
|
}
|
|
this.monacoPlaceholder = false;
|
|
},
|
|
|
|
monacoEditorFocus(){
|
|
document.getElementById(this.monacoId).dispatchEvent(
|
|
new CustomEvent('monaco-editor-focused', { monacoId: this.monacoId })
|
|
);
|
|
},
|
|
|
|
monacoEditorAddLoaderScriptToHead() {
|
|
script = document.createElement('script');
|
|
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.49.0/min/vs/loader.min.js';
|
|
document.head.appendChild(script);
|
|
},
|
|
|
|
wrapPreview(value){
|
|
return `<head>{{ $getPreviewHeadEndContent() }}</head>` +
|
|
`<body {{ $getPreviewBodyAttributes() }}>` +
|
|
`{{ $getPreviewBodyStartContent() }}` +
|
|
`${value}` +
|
|
`{{ $getPreviewBodyEndContent() }}` +
|
|
`</body>`;
|
|
},
|
|
|
|
}" x-init="
|
|
previewContent = wrapPreview(monacoContent);
|
|
$el.style.height = '500px';
|
|
$watch('fullScreenModeEnabled', value => {
|
|
if (value) {
|
|
$el.style.height = '100vh';
|
|
} else {
|
|
$el.style.height = '500px';
|
|
}
|
|
});
|
|
|
|
if(typeof _amdLoaderGlobal == 'undefined'){
|
|
monacoEditorAddLoaderScriptToHead();
|
|
}
|
|
|
|
monacoLoaderInterval = setInterval(() => {
|
|
if(typeof _amdLoaderGlobal !== 'undefined'){
|
|
|
|
// Based on https://jsfiddle.net/developit/bwgkr6uq/ which works without needing service worker. Provided by loader.min.js.
|
|
require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.49.0/min/vs' }});
|
|
let proxy = URL.createObjectURL(new Blob([` self.MonacoEnvironment = { baseUrl: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.49.0/min' }; importScripts('https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.49.0/min/vs/base/worker/workerMain.min.js');`], { type: 'text/javascript' }));
|
|
window.MonacoEnvironment = { getWorkerUrl: () => proxy };
|
|
|
|
require(['vs/editor/editor.main'], () => {
|
|
|
|
monaco.editor.defineTheme('custom', {{ $editorTheme() }});
|
|
document.getElementById(monacoId).editor = monaco.editor.create($refs.monacoEditorElement, {
|
|
value: monacoContent,
|
|
theme: localStorage.getItem('theme') === 'light' ? 'iPlastic' : 'custom',
|
|
fontSize: monacoFontSize,
|
|
lineNumbersMinChars: lineNumbersMinChars,
|
|
automaticLayout: automaticLayout,
|
|
language: monacoLanguage,
|
|
scrollbar: {
|
|
horizontal: 'auto',
|
|
horizontalScrollbarSize: 15,
|
|
vertical: 'auto',
|
|
verticalScrollbarSize: 15
|
|
},
|
|
|
|
});
|
|
monacoEditor(document.getElementById(monacoId).editor);
|
|
document.getElementById(monacoId).addEventListener('monaco-editor-focused', (event) => {
|
|
document.getElementById(monacoId).editor.focus();
|
|
});
|
|
updatePlaceholder(document.getElementById(monacoId).editor.getValue());
|
|
});
|
|
|
|
clearInterval(monacoLoaderInterval);
|
|
monacoLoader = false;
|
|
}
|
|
}, 5); " :id="monacoId"
|
|
class="fme-wrapper"
|
|
:class="{ 'fme-full-screen': fullScreenModeEnabled }" x-cloak>
|
|
<div class="flex items-center ml-auto">
|
|
@if($getShowFullScreenToggle())
|
|
<button type="button" aria-label="{{ __("full_screen_btn_label") }}" class="fme-full-screen-btn" @click="toggleFullScreenMode()">
|
|
<svg class="fme-full-screen-btn-icon" x-show="!fullScreenModeEnabled" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4l4 0l0 4" /><path d="M14 10l6 -6" /><path d="M8 20l-4 0l0 -4" /><path d="M4 20l6 -6" /><path d="M16 20l4 0l0 -4" /><path d="M14 14l6 6" /><path d="M8 4l-4 0l0 4" /><path d="M4 4l6 6" /></svg>
|
|
<svg class="fme-full-screen-btn-icon" x-show="fullScreenModeEnabled" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 9l4 0l0 -4" /><path d="M3 3l6 6" /><path d="M5 15l4 0l0 4" /><path d="M3 21l6 -6" /><path d="M19 9l-4 0l0 -4" /><path d="M15 9l6 -6" /><path d="M19 15l-4 0l0 4" /><path d="M15 15l6 6" /></svg>
|
|
</button>
|
|
@endif
|
|
</div>
|
|
<div class="fme-container" x-show="!showPreview">
|
|
<!-- Editor -->
|
|
<div x-show="!monacoLoader" class="fme-element-wrapper">
|
|
<div x-ref="monacoEditorElement" class="fme-element" wire:ignore style="height: 100%"></div>
|
|
<div x-ref="monacoPlaceholderElement" x-show="monacoPlaceholder" @click="monacoEditorFocus()" :style="'font-size: ' + monacoFontSize" class="fme-placeholder" x-text="monacoPlaceholderText"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</x-dynamic-component>
|