harukin/theme
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

通知ボタンの動作改造

Browse Source
This commit is contained in:
harukin 2018-11-16 20:43:55 +09:00
parent 53f3586643
commit ac46fefaa3
1 changed files with 43 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
view/theme/plusfuture/js/plusfuture.js
View File

@ -2,22 +2,22 @@
* plusfuture theme specific JavaScript * plusfuture theme specific JavaScript
*/ */
$(document).ready(function() { $(document).ready(function () {
// CSS3 calc() fallback (for unsupported browsers) // CSS3 calc() fallback (for unsupported browsers)
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'); $('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
if( $('#css3-calc').width() == 10) { if ($('#css3-calc').width() == 10) {
$(window).resize(function() { $(window).resize(function () {
if($(window).width() < 992) { if ($(window).width() < 992) {
$('main').css('width', $(window).width() + $('aside').outerWidth() ); $('main').css('width', $(window).width() + $('aside').outerWidth());
} else { } else {
$('main').css('width', '100%' ); $('main').css('width', '100%');
} }
}); });
} }
$('#css3-calc').remove(); // Remove the test element $('#css3-calc').remove(); // Remove the test element
if($(window).width() >= 992) { if ($(window).width() >= 992) {
$('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ $('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({
offset_top: parseInt($('aside').css('padding-top')), offset_top: parseInt($('aside').css('padding-top')),
parent: 'main', parent: 'main',
@ -27,16 +27,16 @@ $(document).ready(function() {
$('#expand-aside').on('click', toggleAside); $('#expand-aside').on('click', toggleAside);
$('section').on('click', function() { $('section').on('click', function () {
if($('main').hasClass('region_1-on')){ if ($('main').hasClass('region_1-on')) {
toggleAside(); toggleAside();
} }
}); });
var left_aside_height = $('#left_aside_wrapper').height(); var left_aside_height = $('#left_aside_wrapper').height();
$('#left_aside_wrapper').on('click', function() { $('#left_aside_wrapper').on('click', function () {
if(left_aside_height != $('#left_aside_wrapper').height()) { if (left_aside_height != $('#left_aside_wrapper').height()) {
$(document.body).trigger("sticky_kit:recalc"); $(document.body).trigger("sticky_kit:recalc");
left_aside_height = $('#left_aside_wrapper').height(); left_aside_height = $('#left_aside_wrapper').height();
} }
@ -45,29 +45,29 @@ $(document).ready(function() {
var right_aside_height = $('#right_aside_wrapper').height(); var right_aside_height = $('#right_aside_wrapper').height();
$('#right_aside_wrapper').on('click', function() { $('#right_aside_wrapper').on('click', function () {
if(right_aside_height != $('#right_aside_wrapper').height()) { if (right_aside_height != $('#right_aside_wrapper').height()) {
$(document.body).trigger("sticky_kit:recalc"); $(document.body).trigger("sticky_kit:recalc");
right_aside_height = $('#right_aside_wrapper').height(); right_aside_height = $('#right_aside_wrapper').height();
} }
}); });
$('.usermenu').click(function() { $('.usermenu').click(function () {
if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){ if ($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')) {
$('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show');
} }
}); });
$('#menu-btn').click(function() { $('#menu-btn').click(function () {
if($('#navbar-collapse-1').hasClass('show')){ if ($('#navbar-collapse-1').hasClass('show')) {
$('#navbar-collapse-1').removeClass('show'); $('#navbar-collapse-1').removeClass('show');
} }
}); });
$('.notifications-btn').click(function(e) { $('.notifications-btn').click(function (e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
if($('#navbar-collapse-2').hasClass('show')){ if ($('#navbar-collapse-2').hasClass('show')) {
$('#navbar-collapse-2').removeClass('show'); $('#navbar-collapse-2').removeClass('show');
} }
}); });
@ -76,7 +76,7 @@ $(document).ready(function() {
tagClass: 'badge badge-pill badge-warning text-dark' tagClass: 'badge badge-pill badge-warning text-dark'
}); });
$('a.disabled').click(function(e) { $('a.disabled').click(function (e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}); });
@ -84,20 +84,20 @@ $(document).ready(function() {
var doctitle = document.title; var doctitle = document.title;
function checkNotify() { function checkNotify() {
var notifyUpdateElem = document.getElementById('notify-update'); var notifyUpdateElem = document.getElementById('notify-update');
if(notifyUpdateElem !== null) { if (notifyUpdateElem !== null) {
if(notifyUpdateElem.innerHTML !== "") if (notifyUpdateElem.innerHTML !== "")
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
else else
document.title = doctitle; document.title = doctitle;
} }
} }
setInterval(function () {checkNotify();}, 10 * 1000); setInterval(function () { checkNotify(); }, 10 * 1000);
}); });
function makeFullScreen(full) { function makeFullScreen(full) {
if(typeof full=='undefined' || full == true) { if (typeof full == 'undefined' || full == true) {
$('main').addClass('fullscreen'); $('main').addClass('fullscreen');
$('header, nav, aside, #fullscreen-btn').attr('style','display:none !important'); $('header, nav, aside, #fullscreen-btn').attr('style', 'display:none !important');
$('#inline-btn').show(); $('#inline-btn').show();
} }
else { else {
@ -110,7 +110,7 @@ function makeFullScreen(full) {
function toggleAside() { function toggleAside() {
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
if($('main').hasClass('region_1-on')){ if ($('main').hasClass('region_1-on')) {
$('html, body').css('overflow-x', ''); $('html, body').css('overflow-x', '');
$('main').removeClass('region_1-on') $('main').removeClass('region_1-on')
$('#overlay').remove(); $('#overlay').remove();
@ -126,4 +126,21 @@ function toggleAside() {
spacer: '#left_aside_spacer' spacer: '#left_aside_spacer'
}); });
} }
$('#notifications-btn-1');
if ($('main').hasClass('region_3-on')) {
$('html, body').css('overflow-x', '');
$('main').removeClass('region_3-on')
$('#overlay').remove();
$('#right_aside_wrapper').trigger("sticky_kit:detach");
}
else {
$('html, body').css('overflow-x', 'hidden');
$('main').addClass('region_3-on')
$('<div id="overlay"></div>').appendTo('section');
$('#left_aside_wrapper').stick_in_parent({
offset_top: $('nav').outerHeight(true) + 10,
parent: '#region_3',
spacer: '#right_aside_spacer'
});
}
} }