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

Hide grid stack buttons when dashboard is locked

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

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

@ -6,8 +6,13 @@ 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 gridUnlockButton = document.getElementById('unlock_dashboard') as HTMLButtonElement;
const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement; const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement;
if (dashboard) { if (dashboard) {
dashboard.gridstack.disable(); dashboard.gridstack.disable();
// Hide the grid stack items buttons
Array.from(document.getElementsByClassName("grid-stack-item-button")).forEach(function (element) {
element.classList.add('invisible');
});
} }
if (gridUnlockButton && gridLockButton) { if (gridUnlockButton && gridLockButton) {
gridUnlockButton.classList.remove('invisible'); gridUnlockButton.classList.remove('invisible');
@ -21,6 +26,10 @@ function unlockDashboard(): void {
const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement; const gridLockButton = document.getElementById('lock_dashboard') as HTMLButtonElement;
if (dashboard) { if (dashboard) {
dashboard.gridstack.enable(); dashboard.gridstack.enable();
// Show the grid stack items buttons
Array.from(document.getElementsByClassName("grid-stack-item-button")).forEach(function (element) {
element.classList.remove('invisible');
});
} }
if (gridUnlockButton && gridLockButton) { if (gridUnlockButton && gridLockButton) {
gridUnlockButton.classList.add('invisible'); gridUnlockButton.classList.add('invisible');

4
netbox/templates/extras/dashboard/widget.html
View File

@ -10,7 +10,7 @@
> >
<div class="card grid-stack-item-content"> <div class="card grid-stack-item-content">
<div class="card-header text-center text-light bg-{% if widget.color %}{{ widget.color }}{% else %}secondary{% endif %} p-1"> <div class="card-header text-center text-light bg-{% if widget.color %}{{ widget.color }}{% else %}secondary{% endif %} p-1">
<div class="float-start ps-1"> <div class="float-start ps-1 grid-stack-item-button invisible">
<a href="#" <a href="#"
hx-get="{% url 'extras:dashboardwidget_config' id=widget.id %}" hx-get="{% url 'extras:dashboardwidget_config' id=widget.id %}"
hx-target="#htmx-modal-content" hx-target="#htmx-modal-content"
@ -18,7 +18,7 @@
data-bs-target="#htmx-modal" data-bs-target="#htmx-modal"
><i class="mdi mdi-cog text-gray"></i></a> ><i class="mdi mdi-cog text-gray"></i></a>
</div> </div>
<div class="float-end pe-1"> <div class="float-end pe-1 grid-stack-item-button invisible">
<a href="#" <a href="#"
hx-get="{% url 'extras:dashboardwidget_delete' id=widget.id %}" hx-get="{% url 'extras:dashboardwidget_delete' id=widget.id %}"
hx-target="#htmx-modal-content" hx-target="#htmx-modal-content"