Skip to content

Commit be05a5d

Browse files
cmstewcmstew
committed
Show/Hide toggle Plus/Minus
1 parent b15ab7d commit be05a5d

File tree

6 files changed

+37
-58
lines changed

6 files changed

+37
-58
lines changed

‎web/css/src/themes/default.css‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3301,6 +3301,7 @@ a.button.cancel {
33013301
}
33023302

33033303
.section-title {
3304+
position:relative;
33043305
cursor: default;
33053306
font-size: 1.05rem!important;
33063307
font-weight: 600!important;
@@ -3313,9 +3314,9 @@ a.button.cancel {
33133314
}
33143315

33153316
.section-hide-button {
3316-
margin-top: 32px;
3317-
display: inline-block;
3318-
margin-left: -14px;
3317+
position:absolute;
3318+
right:0;
3319+
font-size:13.6px;
33193320
}
33203321

33213322
.qr-code {

‎web/css/themes/default.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/js/app.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1063,8 +1063,12 @@ function doSearch(url) {
10631063
}
10641064

10651065

1066-
function elementHideShow(elementToHideOrShow){
1066+
function elementHideShow(elementToHideOrShow,trigger){
10671067
var el = document.getElementById(elementToHideOrShow);
10681068
el.style.display = el.style.display === 'none' ? 'block' : 'none';
1069+
1070+
if (typeof trigger !== 'undefined') {
1071+
trigger.querySelector('.section-hide-button').classList.toggle('fa-minus-square');
1072+
trigger.querySelector('.section-hide-button').classList.toggle('fa-plus-square');
1073+
}
10691074
}
1070-

‎web/templates/pages/add_package.html‎

Lines changed: 10 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -96,11 +96,9 @@
9696
</td>
9797
</tr>
9898
<tr>
99-
<td class="section-title" onclick="javascript:elementHideShow('web-options')">
99+
<td class="section-title" onclick="javascript:elementHideShow('web-options',this)">
100100
<?=_('Web');?>
101-
</td>
102-
<td class="section-hide-button">
103-
<a href="javascript:elementHideShow('web-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
101+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
104102
</td>
105103
</tr>
106104
<tr>
@@ -205,11 +203,9 @@
205203
</td>
206204
</tr>
207205
<tr>
208-
<td class="section-title" onclick="javascript:elementHideShow('dns-options')">
206+
<td class="section-title" onclick="javascript:elementHideShow('dns-options',this)">
209207
<?=_('DNS');?>
210-
</td>
211-
<td class="section-hide-button">
212-
<a href="javascript:elementHideShow('dns-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
208+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
213209
</td>
214210
</tr>
215211
<tr>
@@ -339,11 +335,9 @@
339335
</td>
340336
</tr>
341337
<tr>
342-
<td class="section-title" onclick="javascript:elementHideShow('mail-options')">
338+
<td class="section-title" onclick="javascript:elementHideShow('mail-options',this)">
343339
<?=_('Mail');?>
344-
</td>
345-
<td class="section-hide-button">
346-
<a href="javascript:elementHideShow('mail-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
340+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
347341
</td>
348342
</tr>
349343
<tr>
@@ -375,11 +369,9 @@
375369
</td>
376370
</tr>
377371
<tr>
378-
<td class="section-title" onclick="javascript:elementHideShow('database-options')">
372+
<td class="section-title" onclick="javascript:elementHideShow('database-options',this)">
379373
<?=_('Databases');?>
380-
</td>
381-
<td class="section-hide-button">
382-
<a href="javascript:elementHideShow('database-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
374+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
383375
</td>
384376
</tr>
385377
<tr>
@@ -400,11 +392,9 @@
400392
</td>
401393
</tr>
402394
<tr>
403-
<td class="section-title" onclick="javascript:elementHideShow('system-options')">
395+
<td class="section-title" onclick="javascript:elementHideShow('system-options',this)">
404396
<?=_('System');?>
405-
</td>
406-
<td class="section-hide-button">
407-
<a href="javascript:elementHideShow('system-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
397+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
408398
</td>
409399
</tr>
410400
<tr>

‎web/templates/pages/edit_package.html‎

Lines changed: 10 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -98,11 +98,9 @@
9898
</td>
9999
</tr>
100100
<tr>
101-
<td class="section-title" onclick="javascript:elementHideShow('web-options')">
101+
<td class="section-title" onclick="javascript:elementHideShow('web-options',this)">
102102
<?=_('Web');?>
103-
</td>
104-
<td class="section-hide-button">
105-
<a href="javascript:elementHideShow('web-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
103+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
106104
</td>
107105
</tr>
108106
<tr>
@@ -208,11 +206,9 @@
208206
</tr>
209207

210208
<tr>
211-
<td class="section-title" onclick="javascript:elementHideShow('dns-options')">
209+
<td class="section-title" onclick="javascript:elementHideShow('dns-options',this)">
212210
<?=_('DNS');?>
213-
</td>
214-
<td class="section-hide-button">
215-
<a href="javascript:elementHideShow('dns-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
211+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
216212
</td>
217213
</tr>
218214
<tr>
@@ -342,11 +338,9 @@
342338
</td>
343339
</tr>
344340
<tr>
345-
<td class="section-title" onclick="javascript:elementHideShow('mail-options')">
341+
<td class="section-title" onclick="javascript:elementHideShow('mail-options',this)">
346342
<?=_('Mail');?>
347-
</td>
348-
<td class="section-hide-button">
349-
<a href="javascript:elementHideShow('mail-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
343+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
350344
</td>
351345
</tr>
352346
<tr>
@@ -378,11 +372,9 @@
378372
</td>
379373
</tr>
380374
<tr>
381-
<td class="section-title" onclick="javascript:elementHideShow('database-options')">
375+
<td class="section-title" onclick="javascript:elementHideShow('database-options',this)">
382376
<?=_('Databases');?>
383-
</td>
384-
<td class="section-hide-button">
385-
<a href="javascript:elementHideShow('database-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
377+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
386378
</td>
387379
</tr>
388380
<tr>
@@ -403,11 +395,9 @@
403395
</td>
404396
</tr>
405397
<tr>
406-
<td class="section-title" onclick="javascript:elementHideShow('system-options')">
398+
<td class="section-title" onclick="javascript:elementHideShow('system-options',this)">
407399
<?=_('System');?>
408-
</td>
409-
<td class="section-hide-button">
410-
<a href="javascript:elementHideShow('system-options');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
400+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
411401
</td>
412402
</tr>
413403
<tr>

‎web/templates/pages/edit_server.html‎

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -940,11 +940,9 @@
940940
<td class="vst-text input-label step-left">
941941
<table style="<?php if (empty($v_security_adv)) echo 'display:none;';?>" id="security">
942942
<tr>
943-
<td class="section-title" onclick="javascript:elementHideShow('security-system-table');">
943+
<td class="section-title" onclick="javascript:elementHideShow('security-system-table',this);">
944944
<?=('System');?>
945-
</td>
946-
<td class="section-hide-button">
947-
<a href="javascript:elementHideShow('security-system-table');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
945+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
948946
</td>
949947
</tr>
950948
<tr>
@@ -1037,11 +1035,9 @@
10371035
</tr>
10381036
<?php if (($_SESSION['userContext'] === "admin") && ($_SESSION['user'] === 'admin')) {?>
10391037
<tr>
1040-
<td class="section-title" onclick="javascript:elementHideShow('security-sysadminprotect-table');">
1038+
<td class="section-title" onclick="javascript:elementHideShow('security-sysadminprotect-table',this);">
10411039
<?=('System Protection');?>
1042-
</td>
1043-
<td class="section-hide-button">
1044-
<a href="javascript:elementHideShow('security-sysadminprotect-table');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
1040+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
10451041
</td>
10461042
</tr>
10471043
<tr>
@@ -1100,11 +1096,9 @@
11001096
</tr>
11011097
<?php } ?>
11021098
<tr>
1103-
<td class="section-title" onclick="javascript:elementHideShow('security-policies-table');">
1099+
<td class="section-title" onclick="javascript:elementHideShow('security-policies-table',this);">
11041100
<?=('Policies');?>
1105-
</td>
1106-
<td class="section-hide-button">
1107-
<a href="javascript:elementHideShow('security-policies-table');"><i class="fas fa-minus-square status-icon dim maroon"></i></a>
1101+
<i class="fas fa-plus-square status-icon dim maroon section-hide-button"></i>
11081102
</td>
11091103
</tr>
11101104
<tr>

0 commit comments

Comments
 (0)