fix: enhance layout consistency in ArrayOperation.page, Disk.page, Share.page, and CreateDocker.php

- Updated button and status message structure in ArrayOperation.page, Disk.page, and Share.page for improved layout consistency.
- Adjusted the placement of elements in CreateDocker.php to enhance visual structure.
- This change continues the effort to enhance visual consistency across the plugin.
This commit is contained in:
Zack Spear
2025-05-21 17:22:31 -07:00
parent dc1c67c14c
commit a965a2390f
4 changed files with 8 additions and 8 deletions
@@ -863,11 +863,11 @@ function prepareCategory() {
}
$(function() {
var ctrl = "<span class='status <?=$tabbed?'':'vhshift'?>'><input type='checkbox' class='advancedview'></span>";
var ctrl = "<span class='status'><input type='checkbox' class='advancedview'></span>";
<?if ($tabbed):?>
$('.tabs').append(ctrl);
<?else:?>
$('div[class=title]').append(ctrl);
$('div[class=title] .right').append(ctrl);
<?endif;?>
$('.advancedview').switchButton({labels_placement:'left', on_label: "_(Advanced View)_", off_label: "_(Basic View)_"});
$('.advancedview').change(function() {
+2 -2
View File
@@ -84,7 +84,7 @@ function print_error($error) {
}
?>
<script>
var ctrl = '<span class="status <?=$tabbed?"":"vhshift"?>"><a style="cursor:pointer" class="tooltip_diskio" title="_(Toggle reads/writes display)_" onclick="toggle_diskio();return false"><i class="toggle fa"></i></a></span>';
var ctrl = '<span class="status"><a style="cursor:pointer" class="tooltip_diskio" title="_(Toggle reads/writes display)_" onclick="toggle_diskio();return false"><i class="toggle fa"></i></a></span>';
var recall = null;
var recover = null;
@@ -314,7 +314,7 @@ $('.tabs').append(ctrl);
if ($.cookie('tab')=='tab0') $('i.toggle').hide();
$('#tab'+$('input[name$="tabs"]').length).click(function(){tab0(); $('i.toggle').hide('slow');});
<?else:?>
$('div[class=title]:not(":last, .disable_diskio")').each(function(){$(this).append(ctrl);});
$('div[class=title]:not(":last, .disable_diskio") .right').each(function(){$(this).append(ctrl);});
<?endif;?>
$('.tooltip_diskio').tooltipster({delay:100,trigger:'custom',triggerOpen:{mouseenter:true},triggerClose:{click:false,scroll:true,mouseleave:true}});
+2 -2
View File
@@ -32,7 +32,7 @@ $prev = urlencode($i>0 ? $refs[$i-1] : $refs[$end]);
$next = urlencode($i<$end ? $refs[$i+1] : $refs[0]);
?>
<script>
var ctrl = "<span class='ctrl2 status <?=$tabbed?'vhshift':'vshift'?>'><a href='/Shares/Disk?name=<?=$prev?>' title='previous disk share'><button type='button' style='margin-right:4px'><i class='fa fa-chevron-left fa-fw'></i></button></a><a href='/Shares/Disk?name=<?=$next?>' title='next disk share'><button type='button'><i class='fa fa-chevron-right fa-fw'></i></button></a></span>";
var ctrl = "<span class='ctrl2 status'><a href='/Shares/Disk?name=<?=$prev?>' title='previous disk share'><button type='button' style='margin-right:4px'><i class='fa fa-chevron-left fa-fw'></i></button></a><a href='/Shares/Disk?name=<?=$next?>' title='next disk share'><button type='button'><i class='fa fa-chevron-right fa-fw'></i></button></a></span>";
function toggleButton(button,id) {
var disabled = true;
@@ -51,7 +51,7 @@ $(function() {
<?if ($tabbed):?>
$('.tabs').append(ctrl);
<?else:?>
$('div[class=title]:first').append(ctrl);
$('div[class=title]:first .right').append(ctrl);
<?endif;?>
});
</script>
+2 -2
View File
@@ -53,13 +53,13 @@ function toggleButton(button,id) {
}
<?if ($name):?>
var ctrl = '<span class="ctrl1 status <?=$tabbed?'vhshift':'vshift'?>"><a href="/Shares/Share?name=<?=$prev?>" title="_(previous user share)_"><button type="button" style="margin-right:4px"><i class="fa fa-chevron-left fa-fw"></i></button></a><a href="/Shares/Share?name=<?=$next?>" title="_(next user share)_"><button type="button"><i class="fa fa-chevron-right fa-fw"></i></button></a></span>';
var ctrl = '<span class="ctrl1 status"><a href="/Shares/Share?name=<?=$prev?>" title="_(previous user share)_"><button type="button" style="margin-right:4px"><i class="fa fa-chevron-left fa-fw"></i></button></a><a href="/Shares/Share?name=<?=$next?>" title="_(next user share)_"><button type="button"><i class="fa fa-chevron-right fa-fw"></i></button></a></span>';
$(function() {
<?if ($tabbed):?>
$('.tabs').append(ctrl);
<?else:?>
$('div[class=title]:first').append(ctrl);
$('div[class=title]:first .right').append(ctrl);
<?endif;?>
});
<?endif;?>