58 lines
2.0 KiB
JavaScript
58 lines
2.0 KiB
JavaScript
window.showHistory = function()
|
|
{
|
|
const showHistory = !$('#hisTrigger').hasClass('text-primary');
|
|
if(showHistory)
|
|
{
|
|
$('#history, #closeBtn').removeClass('hidden');
|
|
$('#contentTree').addClass('hidden');
|
|
$('#outlineToggle .icon').addClass('icon-menu-arrow-left').removeClass('icon-menu-arrow-right')
|
|
$('#docPanel .detail-content').css('max-width', 'calc(var(--zt-panel-form-max-width) - 350px)')
|
|
}
|
|
else
|
|
{
|
|
$('#contentTree').removeClass('hidden');
|
|
$('#history, #closeBtn').addClass('hidden');
|
|
$('#outlineToggle .icon').removeClass('icon-menu-arrow-left').addClass('icon-menu-arrow-right')
|
|
$('#docPanel .detail-content').css('max-width', 'var(--zt-panel-form-max-width)');
|
|
}
|
|
|
|
$('#hisTrigger').toggleClass('text-primary');
|
|
}
|
|
|
|
$(function()
|
|
{
|
|
$('#history').append('<a id="closeBtn" href="###" class="btn btn-link hidden"><i class="icon icon-close"></i></a>');
|
|
|
|
if($.cookie.get('hiddenOutline') == 'true') toggleOutline();
|
|
});
|
|
|
|
$(document).on('click', '#closeBtn', function()
|
|
{
|
|
$('#hisTrigger').removeClass('text-primary');
|
|
$('#history, #closeBtn').addClass('hidden');
|
|
$('#docPanel .detail-content').css('max-width', 'var(--zt-panel-form-max-width)');
|
|
});
|
|
|
|
window.toggleOutline = function()
|
|
{
|
|
$('#outlineToggle .icon').toggleClass('icon-menu-arrow-left').toggleClass('icon-menu-arrow-right')
|
|
$('#contentTree').toggleClass('hidden');
|
|
$.cookie.set('hiddenOutline', $('#contentTree').hasClass('hidden'));
|
|
if($('#contentTree').hasClass('hidden'))
|
|
{
|
|
$('#docPanel .detail-content').css('max-width', 'var(--zt-panel-form-max-width)');
|
|
}
|
|
else
|
|
{
|
|
$('#docPanel .detail-content').css('max-width', 'calc(var(--zt-panel-form-max-width) - 300px)');
|
|
}
|
|
}
|
|
|
|
$("#docPanel").on('enterFullscreen', () => {
|
|
$('.right-icon').attr('id', 'right-icon').removeClass('right-icon');
|
|
});
|
|
|
|
$("#docPanel").on('exitFullscreen', () => {
|
|
$('#right-icon').addClass('right-icon');
|
|
});
|