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

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

@ -2,156 +2,170 @@
* plusfuture theme specific JavaScript * plusfuture theme specific JavaScript
*/ */
$(document).ready(function () { $(document).ready(function() {
// CSS3 calc() fallback (for unsupported browsers)
$("body").append(
'<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'
);
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) if ($(window).width() >= 992) {
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'); $("#left_aside_wrapper, #right_aside_wrapper").stick_in_parent({
if ($('#css3-calc').width() == 10) { offset_top: parseInt($("aside").css("padding-top")),
$(window).resize(function () { parent: "main",
if ($(window).width() < 992) { spacer: ".aside_spacer"
$('main').css('width', $(window).width() + $('aside').outerWidth()); });
} else { }
$('main').css('width', '100%'); $("#expand-aside").on("click", toggleAside);
}
});
}
$('#css3-calc').remove(); // Remove the test element
if ($(window).width() >= 992) { $("section").on("click", function() {
$('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ if ($("main").hasClass("region_1-on")) {
offset_top: parseInt($('aside').css('padding-top')), toggleAside();
parent: 'main', }
spacer: '.aside_spacer' });
});
}
$('#expand-aside').on('click', toggleAside);
$('section').on('click', function () { $("section").on("click", function() {
if ($('main').hasClass('region_1-on')) { if ($("main").hasClass("region_3-on")) {
toggleAside(); if ($(window).width() < 982) {
} toggleBside();
}); }
}
});
$('section').on('click', function () { var left_aside_height = $("#left_aside_wrapper").height();
if ($('main').hasClass('region_3-on')) {
if ($(window).width() < 982) {
toggleBside();
}
}
});
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 () { var right_aside_height = $("#right_aside_wrapper").height();
if (left_aside_height != $('#left_aside_wrapper').height()) {
$(document.body).trigger("sticky_kit:recalc");
left_aside_height = $('#left_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 () { $("#menu-btn").click(function() {
if (right_aside_height != $('#right_aside_wrapper').height()) { if ($("#navbar-collapse-1").hasClass("show")) {
$(document.body).trigger("sticky_kit:recalc"); $("#navbar-collapse-1").removeClass("show");
right_aside_height = $('#right_aside_wrapper').height(); }
} });
});
$('.usermenu').click(function () { $(".notifications-btn").click(function(e) {
if ($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')) { e.preventDefault();
$('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); e.stopPropagation();
} if ($("#navbar-collapse-2").hasClass("show")) {
}); $("#navbar-collapse-2").removeClass("show");
}
});
$('#menu-btn').click(function () { $("input[data-role=cat-tagsinput]").tagsinput({
if ($('#navbar-collapse-1').hasClass('show')) { tagClass: "badge badge-pill badge-warning text-dark"
$('#navbar-collapse-1').removeClass('show'); });
}
});
$('.notifications-btn').click(function (e) { $("a.disabled").click(function(e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
if ($('#navbar-collapse-2').hasClass('show')) { });
$('#navbar-collapse-2').removeClass('show');
}
});
$("input[data-role=cat-tagsinput]").tagsinput({ var doctitle = document.title;
tagClass: 'badge badge-pill badge-warning text-dark' function checkNotify() {
}); var notifyUpdateElem = document.getElementById("notify-update");
if (notifyUpdateElem !== null) {
$('a.disabled').click(function (e) { if (notifyUpdateElem.innerHTML !== "")
e.preventDefault(); document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
e.stopPropagation(); else document.title = doctitle;
}); }
}
var doctitle = document.title; setInterval(function() {
function checkNotify() { checkNotify();
var notifyUpdateElem = document.getElementById('notify-update'); }, 10 * 1000);
if (notifyUpdateElem !== null) {
if (notifyUpdateElem.innerHTML !== "")
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
else
document.title = doctitle;
}
}
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");
$(document.body).trigger("sticky_kit:recalc"); $("header, nav, aside, #fullscreen-btn").show();
} $("#inline-btn").hide();
$(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;
});