vh/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2025-12-07 09:36:05 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

clickable settings cards ⚙

Browse Source
This commit is contained in:
Jokob-sk
2024-01-07 11:40:09 +11:00
parent 8eecc54217
commit 5207162d0a
2 changed files with 46 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
front/js/settings_utils.js
View File

@@ -80,19 +80,22 @@
}); });
html += ` html += `
<div class="col-sm-4 "> <div class="col-sm-4 ">
<div class="small-box bg-green " > <div class="small-box bg-green " >
<div class="inner "> <div class="inner ">
<a href="#${prefix}_header" onclick="toggleAllSettings('open')">
<h5 class="card-title"> <h5 class="card-title">
${getString(prefix+"_display_name")} <b>${getString(prefix+"_display_name")}</b>
</h5> </h5>
${includeSettings_html} </a>
${includeSettings_html}
</div> </div>
<div class="icon"> ${getString(prefix+"_icon")} </div> <a href="#${prefix}_header" onclick="toggleAllSettings('open')">
<div class="icon"> ${getString(prefix+"_icon")} </div>
</a>
</div> </div>
</div> </div>
` `
}); });
@@ -100,6 +103,41 @@
return html; return html;
} }
// -----------------------------------------------------------------------------
// Open or close all settings
// -----------------------------------------------------------------------------
function toggleAllSettings(openOrClose = '')
{
inStr = ' in';
allOpen = true;
openIcon = 'fa-angle-double-down';
closeIcon = 'fa-angle-double-up';
$('.panel-collapse').each(function(){
if($(this).attr('class').indexOf(inStr) == -1)
{
allOpen = false;
}
})
if(allOpen == false || openOrClose == 'open')
{
// open all
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse in')})
$('div[data-myid="collapsible"]').each(function(){$(this).attr('style', 'height:inherit')})
$('#toggleSettings').attr('class', $('#toggleSettings').attr('class').replace(openIcon, closeIcon))
}
else{
// close all
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse ')})
$('#toggleSettings').attr('class', $('#toggleSettings').attr('class').replace(closeIcon, openIcon))
}
}
// ------------------------------------------------------------------- // -------------------------------------------------------------------
// Checks if all schedules are the same // Checks if all schedules are the same
function schedulesAreSynchronized(prefixesOfEnabledPlugins, pluginsData) function schedulesAreSynchronized(prefixesOfEnabledPlugins, pluginsData)

34
front/settings.php
View File

@@ -279,7 +279,8 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
</div> </div>
`; `;
headerHtml = `<div class="box box-solid box-primary panel panel-default"> // Plugin HEADER
headerHtml = `<div class="box box-solid box-primary panel panel-default" id="${group}_header">
<a data-toggle="collapse" data-parent="#accordion_gen" href="#${group}"> <a data-toggle="collapse" data-parent="#accordion_gen" href="#${group}">
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title"> <h4 class="panel-title">
@@ -789,37 +790,6 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
} }
// -----------------------------------------------------------------------------
function toggleAllSettings()
{
inStr = ' in';
allOpen = true;
openIcon = 'fa-angle-double-down';
closeIcon = 'fa-angle-double-up';
$('.panel-collapse').each(function(){
if($(this).attr('class').indexOf(inStr) == -1)
{
allOpen = false;
}
})
if(allOpen)
{
// close all
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse ')})
$('#toggleSettings').attr('class', $('#toggleSettings').attr('class').replace(closeIcon, openIcon))
}
else{
// open all
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse in')})
$('div[data-myid="collapsible"]').each(function(){$(this).attr('style', 'height:inherit')})
$('#toggleSettings').attr('class', $('#toggleSettings').attr('class').replace(openIcon, closeIcon))
}
}
getData() getData()