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

test:: new function: click navbar scroll to top

Browse Source
This commit is contained in:
harukin 2019-01-22 16:33:28 +09:00
parent 983712bf9b
commit a9db93138c
1 changed files with 145 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,155 +3,169 @@
*/ */
$(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(
if ($('#css3-calc').width() == 10) { '<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'
);
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",
spacer: '.aside_spacer' spacer: ".aside_spacer"
}); });
} }
$('#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();
} }
}); });
$('section').on('click', function () { $("section").on("click", function() {
if ($('main').hasClass('region_3-on')) { if ($("main").hasClass("region_3-on")) {
if ($(window).width() < 982) { if ($(window).width() < 982) {
toggleBside(); toggleBside();
} }
} }
}); });
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();
} }
}); });
var right_aside_height = $("#right_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()) {
$('#right_aside_wrapper').on('click', function () {
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");
} }
}); });
$("input[data-role=cat-tagsinput]").tagsinput({ $("input[data-role=cat-tagsinput]").tagsinput({
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();
}); });
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(
$('#inline-btn').show(); "style",
} "display:none !important"
else { );
$('main').removeClass('fullscreen'); $("#inline-btn").show();
$('header, nav, aside, #fullscreen-btn').show(); } else {
$('#inline-btn').hide(); $("main").removeClass("fullscreen");
$("header, nav, aside, #fullscreen-btn").show();
$("#inline-btn").hide();
$(document.body).trigger("sticky_kit:recalc"); $(document.body).trigger("sticky_kit:recalc");
} }
} }
function toggleAside() { function toggleAside() {
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); $("#expand-aside-icon")
if ($('main').hasClass('region_1-on')) { .toggleClass("fa-arrow-circle-right")
$('html, body').css('overflow-x', ''); .toggleClass("fa-arrow-circle-left");
$('main').removeClass('region_1-on') if ($("main").hasClass("region_1-on")) {
$('#overlay').remove(); $("html, body").css("overflow-x", "");
$('#left_aside_wrapper').trigger("sticky_kit:detach"); $("main").removeClass("region_1-on");
} $("#overlay").remove();
else { $("#left_aside_wrapper").trigger("sticky_kit:detach");
$('html, body').css('overflow-x', 'hidden'); } else {
$('main').addClass('region_1-on') $("html, body").css("overflow-x", "hidden");
$('<div id="overlay"></div>').appendTo('section'); $("main").addClass("region_1-on");
$('#left_aside_wrapper').stick_in_parent({ $('<div id="overlay"></div>').appendTo("section");
offset_top: $('nav').outerHeight(true) + 10, $("#left_aside_wrapper").stick_in_parent({
parent: '#region_1', offset_top: $("nav").outerHeight(true) + 10,
spacer: '#left_aside_spacer' parent: "#region_1",
spacer: "#left_aside_spacer"
}); });
} }
} }
function toggleBside() { function toggleBside() {
if ($('main').hasClass('region_3-on')) { if ($("main").hasClass("region_3-on")) {
$('html, body').css('overflow-x', ''); $("html, body").css("overflow-x", "");
$('main').removeClass('region_3-on') $("main").removeClass("region_3-on");
$('#region_3').addClass('d-none') $("#region_3").addClass("d-none");
$('#overlay').remove(); $("#overlay").remove();
$('#right_aside_wrapper').trigger("sticky_kit:detach"); $("#right_aside_wrapper").trigger("sticky_kit:detach");
} } else {
else { $("html, body").css("overflow-x", "hidden");
$('html, body').css('overflow-x', 'hidden'); $("main").addClass("region_3-on");
$('main').addClass('region_3-on') $("#region_3").removeClass("d-none");
$('#region_3').removeClass('d-none') $('<div id="overlay"></div>').appendTo("section");
$('<div id="overlay"></div>').appendTo('section'); $("#right_aside_wrapper").stick_in_parent({
$('#right_aside_wrapper').stick_in_parent({ offset_top: $("nav").outerHeight(true) + 10,
offset_top: $('nav').outerHeight(true) + 10, parent: "#region_3",
parent: '#region_3', spacer: "#right_aside_spacer"
spacer: '#right_aside_spacer'
}); });
} }
} }
//トップに戻る
$(".navbar").click(function() {
$("body,html").animate(
{
scrollTop: 0
},
150
);
return false;
});