forked from leftypol/leftypol
Zankaria
2 months ago
1 changed files with 54 additions and 0 deletions
@ -0,0 +1,54 @@ |
|||||
|
/* |
||||
|
* hud-pinning.js |
||||
|
* https://git.leftypol.org/leftypol/leftypol
|
||||
|
* |
||||
|
* Released under the MIT license |
||||
|
* Copyright (c) 2024 Zankaria <zankaria (dot) auxa (at) mailu (dot) io> |
||||
|
* |
||||
|
* Usage: |
||||
|
* $config['additional_javascript'][] = 'js/jquery.min.js'; |
||||
|
* $config['additional_javascript'][] = 'js/hud-pinning.js'; |
||||
|
*/ |
||||
|
|
||||
|
/** |
||||
|
* You know the bar on the top of the page that is created if you specify the $config['boards'] array? That one. |
||||
|
* Also know the bottom bar with the "Return" button and thread update controls? Also that one. |
||||
|
* |
||||
|
* Both bars are pinned on the top and bottom of the page. This script adds an option to unpin them. |
||||
|
*/ |
||||
|
$(document).ready(function() { |
||||
|
'use strict'; |
||||
|
|
||||
|
if (window.Options && Options.get_tab('general') && window.jQuery) { |
||||
|
function setHudPinning(pin) { |
||||
|
let style = pin ? '' : 'initial'; |
||||
|
$('#top-hud').css('position', style); |
||||
|
$('#bottom-hud').css('position', style); |
||||
|
} |
||||
|
|
||||
|
// Insert the option in the panel.
|
||||
|
Options.extend_tab('general', '<label id="hud-pinning"><input type="checkbox">' + _('Unpin the top and bottom bars') + '</label>'); |
||||
|
|
||||
|
// Trigger if the panel's checkbox is toggled.
|
||||
|
$('#hud-pinning>input').on('change', function() { |
||||
|
if (this.checked) { |
||||
|
localStorage.hud_pinning = 'false'; |
||||
|
setHudPinning(false); |
||||
|
} else { |
||||
|
localStorage.hud_pinning = 'true'; |
||||
|
setHudPinning(true); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// Reload on new post: allows it to work with auto-reload.js etc.
|
||||
|
$(document).on('new_post', function(e, post) { |
||||
|
setHudPinning(localStorage.hud_pinning === 'true'); |
||||
|
}); |
||||
|
|
||||
|
// Enforce the setting on loading.
|
||||
|
if (localStorage.hud_pinning === 'false') { |
||||
|
$('#hud-pinning>input').attr('checked', 'checked'); |
||||
|
setHudPinning(false); |
||||
|
} |
||||
|
} |
||||
|
}); |
Loading…
Reference in new issue