NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-24 08:25:17 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Properly hide dashboard buttons

Browse Source
This commit is contained in:
Jonathan Senecal 2023-08-16 17:34:48 -04:00
parent 16e2283d19
commit 3c7ad61f8b
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
netbox/project-static/src/dashboard.ts
View File

@ -4,16 +4,28 @@ import { apiPatch, hasError } from './util';
function lockDashboard(): void { function lockDashboard(): void {
const dashboard = document.getElementById('dashboard') as any; const dashboard = document.getElementById('dashboard') as any;
const gridUnlockButton = document.getElementById('unlock_dashboard') as HTMLButtonElement;
const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement;
if (dashboard) { if (dashboard) {
dashboard.gridstack.disable(); dashboard.gridstack.disable();
} }
if (gridUnlockButton && gridLockButton) {
gridUnlockButton.classList.remove('invisible');
gridLockButton.classList.add('invisible');
}
} }
function unlockDashboard(): void { function unlockDashboard(): void {
const dashboard = document.getElementById('dashboard') as any; const dashboard = document.getElementById('dashboard') as any;
const gridUnlockButton = document.getElementById('unlock_dashboard') as HTMLButtonElement;
const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement;
if (dashboard) { if (dashboard) {
dashboard.gridstack.enable(); dashboard.gridstack.enable();
} }
if (gridUnlockButton && gridLockButton) {
gridUnlockButton.classList.add('invisible');
gridLockButton.classList.remove('invisible');
}
} }
async function saveDashboardLayout( async function saveDashboardLayout(

6
netbox/templates/home.html
View File

@ -41,7 +41,11 @@
<div class="collapse multi-collapse"> <div class="collapse multi-collapse">
<div class="d-flex px-3"> <div class="d-flex px-3">
<div class="flex-grow-1"> <div class="flex-grow-1">
<button type="button" id="lock_dashboard" class="btn btn-light btn-sm" data-bs-toggle="collapse" data-bs-target=".multi-collapse"> <button type="button"
id="lock_dashboard"
class="btn btn-light btn-sm invisible"
data-bs-toggle="collapse"
data-bs-target=".multi-collapse">
<i class="mdi mdi-lock-outline"></i> Lock Dashboard <i class="mdi mdi-lock-outline"></i> Lock Dashboard
</button> </button>
</div> </div>