diff --git a/view/theme/plusfuture/js/plusfuture.js b/view/theme/plusfuture/js/plusfuture.js index 9b09500..e5c0e34 100644 --- a/view/theme/plusfuture/js/plusfuture.js +++ b/view/theme/plusfuture/js/plusfuture.js @@ -2,156 +2,170 @@ * plusfuture theme specific JavaScript */ -$(document).ready(function () { +$(document).ready(function() { + // CSS3 calc() fallback (for unsupported browsers) + $("body").append( + '' + ); + if ($("#css3-calc").width() == 10) { + $(window).resize(function() { + if ($(window).width() < 992) { + $("main").css("width", $(window).width() + $("aside").outerWidth()); + } else { + $("main").css("width", "100%"); + } + }); + } + $("#css3-calc").remove(); // Remove the test element - // CSS3 calc() fallback (for unsupported browsers) - $('body').append(''); - if ($('#css3-calc').width() == 10) { - $(window).resize(function () { - if ($(window).width() < 992) { - $('main').css('width', $(window).width() + $('aside').outerWidth()); - } else { - $('main').css('width', '100%'); - } - }); - } - $('#css3-calc').remove(); // Remove the test element + if ($(window).width() >= 992) { + $("#left_aside_wrapper, #right_aside_wrapper").stick_in_parent({ + offset_top: parseInt($("aside").css("padding-top")), + parent: "main", + spacer: ".aside_spacer" + }); + } + $("#expand-aside").on("click", toggleAside); - if ($(window).width() >= 992) { - $('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ - offset_top: parseInt($('aside').css('padding-top')), - parent: 'main', - spacer: '.aside_spacer' - }); - } - $('#expand-aside').on('click', toggleAside); + $("section").on("click", function() { + if ($("main").hasClass("region_1-on")) { + toggleAside(); + } + }); - $('section').on('click', function () { - if ($('main').hasClass('region_1-on')) { - toggleAside(); - } - }); + $("section").on("click", function() { + if ($("main").hasClass("region_3-on")) { + if ($(window).width() < 982) { + toggleBside(); + } + } + }); - $('section').on('click', function () { - if ($('main').hasClass('region_3-on')) { - if ($(window).width() < 982) { - toggleBside(); - } - } - }); + var left_aside_height = $("#left_aside_wrapper").height(); - var left_aside_height = $('#left_aside_wrapper').height(); + $("#left_aside_wrapper").on("click", function() { + if (left_aside_height != $("#left_aside_wrapper").height()) { + $(document.body).trigger("sticky_kit:recalc"); + left_aside_height = $("#left_aside_wrapper").height(); + } + }); - $('#left_aside_wrapper').on('click', function () { - if (left_aside_height != $('#left_aside_wrapper').height()) { - $(document.body).trigger("sticky_kit:recalc"); - left_aside_height = $('#left_aside_wrapper').height(); - } - }); + var right_aside_height = $("#right_aside_wrapper").height(); + $("#right_aside_wrapper").on("click", function() { + if (right_aside_height != $("#right_aside_wrapper").height()) { + $(document.body).trigger("sticky_kit:recalc"); + right_aside_height = $("#right_aside_wrapper").height(); + } + }); - var right_aside_height = $('#right_aside_wrapper').height(); + $(".usermenu").click(function() { + if ($("#navbar-collapse-1, #navbar-collapse-2").hasClass("show")) { + $("#navbar-collapse-1, #navbar-collapse-2").removeClass("show"); + } + }); - $('#right_aside_wrapper').on('click', function () { - if (right_aside_height != $('#right_aside_wrapper').height()) { - $(document.body).trigger("sticky_kit:recalc"); - right_aside_height = $('#right_aside_wrapper').height(); - } - }); + $("#menu-btn").click(function() { + if ($("#navbar-collapse-1").hasClass("show")) { + $("#navbar-collapse-1").removeClass("show"); + } + }); - $('.usermenu').click(function () { - if ($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')) { - $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); - } - }); + $(".notifications-btn").click(function(e) { + e.preventDefault(); + e.stopPropagation(); + if ($("#navbar-collapse-2").hasClass("show")) { + $("#navbar-collapse-2").removeClass("show"); + } + }); - $('#menu-btn').click(function () { - if ($('#navbar-collapse-1').hasClass('show')) { - $('#navbar-collapse-1').removeClass('show'); - } - }); + $("input[data-role=cat-tagsinput]").tagsinput({ + tagClass: "badge badge-pill badge-warning text-dark" + }); - $('.notifications-btn').click(function (e) { - e.preventDefault(); - e.stopPropagation(); - if ($('#navbar-collapse-2').hasClass('show')) { - $('#navbar-collapse-2').removeClass('show'); - } - }); + $("a.disabled").click(function(e) { + e.preventDefault(); + e.stopPropagation(); + }); - $("input[data-role=cat-tagsinput]").tagsinput({ - tagClass: 'badge badge-pill badge-warning text-dark' - }); - - $('a.disabled').click(function (e) { - e.preventDefault(); - e.stopPropagation(); - }); - - var doctitle = document.title; - function checkNotify() { - var notifyUpdateElem = document.getElementById('notify-update'); - if (notifyUpdateElem !== null) { - if (notifyUpdateElem.innerHTML !== "") - document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; - else - document.title = doctitle; - } - } - setInterval(function () { checkNotify(); }, 10 * 1000); + var doctitle = document.title; + function checkNotify() { + var notifyUpdateElem = document.getElementById("notify-update"); + if (notifyUpdateElem !== null) { + if (notifyUpdateElem.innerHTML !== "") + document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; + else document.title = doctitle; + } + } + setInterval(function() { + checkNotify(); + }, 10 * 1000); }); function makeFullScreen(full) { - if (typeof full == 'undefined' || full == true) { - $('main').addClass('fullscreen'); - $('header, nav, aside, #fullscreen-btn').attr('style', 'display:none !important'); - $('#inline-btn').show(); - } - else { - $('main').removeClass('fullscreen'); - $('header, nav, aside, #fullscreen-btn').show(); - $('#inline-btn').hide(); - $(document.body).trigger("sticky_kit:recalc"); - } + if (typeof full == "undefined" || full == true) { + $("main").addClass("fullscreen"); + $("header, nav, aside, #fullscreen-btn").attr( + "style", + "display:none !important" + ); + $("#inline-btn").show(); + } else { + $("main").removeClass("fullscreen"); + $("header, nav, aside, #fullscreen-btn").show(); + $("#inline-btn").hide(); + $(document.body).trigger("sticky_kit:recalc"); + } } function toggleAside() { - $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); - if ($('main').hasClass('region_1-on')) { - $('html, body').css('overflow-x', ''); - $('main').removeClass('region_1-on') - $('#overlay').remove(); - $('#left_aside_wrapper').trigger("sticky_kit:detach"); - } - else { - $('html, body').css('overflow-x', 'hidden'); - $('main').addClass('region_1-on') - $('
').appendTo('section'); - $('#left_aside_wrapper').stick_in_parent({ - offset_top: $('nav').outerHeight(true) + 10, - parent: '#region_1', - spacer: '#left_aside_spacer' - }); - } + $("#expand-aside-icon") + .toggleClass("fa-arrow-circle-right") + .toggleClass("fa-arrow-circle-left"); + if ($("main").hasClass("region_1-on")) { + $("html, body").css("overflow-x", ""); + $("main").removeClass("region_1-on"); + $("#overlay").remove(); + $("#left_aside_wrapper").trigger("sticky_kit:detach"); + } else { + $("html, body").css("overflow-x", "hidden"); + $("main").addClass("region_1-on"); + $('
').appendTo("section"); + $("#left_aside_wrapper").stick_in_parent({ + offset_top: $("nav").outerHeight(true) + 10, + parent: "#region_1", + spacer: "#left_aside_spacer" + }); + } } function toggleBside() { - if ($('main').hasClass('region_3-on')) { - $('html, body').css('overflow-x', ''); - $('main').removeClass('region_3-on') - $('#region_3').addClass('d-none') - $('#overlay').remove(); - $('#right_aside_wrapper').trigger("sticky_kit:detach"); - } - else { - $('html, body').css('overflow-x', 'hidden'); - $('main').addClass('region_3-on') - $('#region_3').removeClass('d-none') - $('
').appendTo('section'); - $('#right_aside_wrapper').stick_in_parent({ - offset_top: $('nav').outerHeight(true) + 10, - parent: '#region_3', - spacer: '#right_aside_spacer' - }); - } -} \ No newline at end of file + if ($("main").hasClass("region_3-on")) { + $("html, body").css("overflow-x", ""); + $("main").removeClass("region_3-on"); + $("#region_3").addClass("d-none"); + $("#overlay").remove(); + $("#right_aside_wrapper").trigger("sticky_kit:detach"); + } else { + $("html, body").css("overflow-x", "hidden"); + $("main").addClass("region_3-on"); + $("#region_3").removeClass("d-none"); + $('
').appendTo("section"); + $("#right_aside_wrapper").stick_in_parent({ + offset_top: $("nav").outerHeight(true) + 10, + parent: "#region_3", + spacer: "#right_aside_spacer" + }); + } +} + +//トップに戻る +$(".navbar").click(function() { + $("body,html").animate( + { + scrollTop: 0 + }, + 150 + ); + return false; +});