cc95746778
Signed-off-by: Rosy Song <rosysong@rosinson.com> Signed-off-by: Yan Lan Shen <yanlan.shen@rosinson.com>
272 lines
8.2 KiB
JavaScript
Executable file
272 lines
8.2 KiB
JavaScript
Executable file
/**
|
|
* Rosy is a theme for LuCI. It is based on luci-theme-bootstrap
|
|
*
|
|
* luci-theme-rosy
|
|
* Copyright 2018 Rosy Song <rosysong@rosinson.com>
|
|
* Copyright 2018 Yan Lan Shen <yanlan.shen@rosinson.com>
|
|
*
|
|
* Have a bug? Please create an issue here on GitHub!
|
|
* https://github.com/rosywrt/luci-theme-rosy/issues
|
|
*
|
|
* luci-theme-bootstrap:
|
|
* Copyright 2008 Steven Barth <steven@midlink.org>
|
|
* Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
|
|
* Copyright 2012 David Menting <david@nut-bolt.nl>
|
|
*
|
|
* Licensed to the public under the Apache License 2.0
|
|
*/
|
|
|
|
(function ($) {
|
|
$(".main > .loading").fadeOut();
|
|
|
|
/**
|
|
* trim text, Remove spaces, wrap
|
|
* @param text
|
|
* @returns {string}
|
|
*/
|
|
function trimText(text) {
|
|
return text.replace(/[ \t\n\r]+/g, " ");
|
|
}
|
|
|
|
|
|
var lastNode = undefined;
|
|
var mainNodeName = undefined;
|
|
|
|
var nodeUrl = "";
|
|
(function(node){
|
|
if (node[0] == "admin"){
|
|
luciLocation = [node[1], node[2]];
|
|
}else{
|
|
luciLocation = node;
|
|
}
|
|
|
|
for(var i in luciLocation){
|
|
nodeUrl += luciLocation[i];
|
|
if (i != luciLocation.length - 1){
|
|
nodeUrl += "/";
|
|
}
|
|
}
|
|
})(luciLocation);
|
|
|
|
/**
|
|
* get the current node by Burl (primary)
|
|
* @returns {boolean} success?
|
|
*/
|
|
function getCurrentNodeByUrl() {
|
|
var ret = false;
|
|
if (!$('body').hasClass('logged-in')) {
|
|
luciLocation = ["Main", "Login"];
|
|
return true;
|
|
}
|
|
|
|
$(".main > .main-left .nav > .slide > .menu").each(function () {
|
|
var ulNode = $(this);
|
|
ulNode.next().find("a").each(function () {
|
|
var that = $(this);
|
|
var href = that.attr("href");
|
|
|
|
if (href.indexOf(nodeUrl) != -1) {
|
|
ulNode.click();
|
|
ulNode.next(".slide-menu").stop(true, true);
|
|
lastNode = that.parent();
|
|
lastNode.addClass("active");
|
|
ret = true;
|
|
return true;
|
|
}
|
|
});
|
|
});
|
|
return ret;
|
|
}
|
|
|
|
/**
|
|
* menu click
|
|
*/
|
|
$(".main > .main-left .nav > .slide > .menu").click(function () {
|
|
var ul = $(this).next(".slide-menu");
|
|
var menu = $(this);
|
|
if (!ul.is(":visible")) {
|
|
menu.addClass("active");
|
|
ul.addClass("active");
|
|
ul.stop(true).slideDown("fast");
|
|
} else {
|
|
ul.stop(true).slideUp("fast", function () {
|
|
menu.removeClass("active");
|
|
ul.removeClass("active");
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
|
|
|
|
/**
|
|
* hook menu click and add the hash
|
|
*/
|
|
$(".main > .main-left .nav > .slide > .slide-menu > li > a").click(function () {
|
|
if (lastNode != undefined) lastNode.removeClass("active");
|
|
$(this).parent().addClass("active");
|
|
$(".main > .loading").fadeIn("fast");
|
|
return true;
|
|
});
|
|
|
|
/**
|
|
* fix menu click
|
|
*/
|
|
$(".main > .main-left .nav > .slide > .slide-menu > li").click(function () {
|
|
if (lastNode != undefined) lastNode.removeClass("active");
|
|
$(this).addClass("active");
|
|
$(".main > .loading").fadeIn("fast");
|
|
window.location = $($(this).find("a")[0]).attr("href");
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* get current node and open it
|
|
*/
|
|
if (getCurrentNodeByUrl()) {
|
|
mainNodeName = "node-" + luciLocation[0] + "-" + luciLocation[1];
|
|
mainNodeName = mainNodeName.replace(/[ \t\n\r\/]+/g, "_").toLowerCase();
|
|
$("body").addClass(mainNodeName);
|
|
}
|
|
$(".cbi-button-up").val("");
|
|
$(".cbi-button-down").val("");
|
|
|
|
|
|
/**
|
|
* hook other "A Label" and add hash to it.
|
|
*/
|
|
$("#maincontent > .container").find("a").each(function () {
|
|
var that = $(this);
|
|
var onclick = that.attr("onclick");
|
|
if (onclick == undefined || onclick == "") {
|
|
that.click(function () {
|
|
var href = that.attr("href");
|
|
if (href.indexOf("#") == -1) {
|
|
$(".main > .loading").fadeIn("fast");
|
|
return true;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Sidebar expand
|
|
*/
|
|
var showSide = false;
|
|
$(".showSide").click(function () {
|
|
if (showSide) {
|
|
$(".main-left").stop(true).animate({
|
|
right: '100%'
|
|
}, "fast");
|
|
$(".main-right").css("overflow-y", "auto");
|
|
showSide = false;
|
|
} else {
|
|
$(".main-left").stop(true).animate({
|
|
right: '0'
|
|
}, "fast");
|
|
$(".main-right").css("overflow-y", "hidden");
|
|
showSide = true;
|
|
}
|
|
});
|
|
|
|
|
|
$(".logged-in .main-left").click(function () {
|
|
if (showSide) {
|
|
showSide = false;
|
|
|
|
$(this).stop(true).fadeOut("fast");
|
|
$(".main-left").stop(true).animate({
|
|
right: '100%'
|
|
}, "fast");
|
|
$(".main-right").css("overflow-y", "auto");
|
|
}
|
|
});
|
|
|
|
$(".logged-in .main-left > *").click(function () {
|
|
event.stopPropagation();
|
|
if ((navigator.userAgent.indexOf('MSIE') >= 0)&& (navigator.userAgent.indexOf('Opera') < 0)){
|
|
event.cancelBubble = true;
|
|
}else{
|
|
event.stopPropagation();
|
|
}
|
|
});
|
|
|
|
$(window).resize(function () {
|
|
if ($(window).width() > 921) {
|
|
$(".main-left").css("width", "");
|
|
$(".darkMask").stop(true);
|
|
$(".darkMask").css("display", "none");
|
|
showSide = false;
|
|
}
|
|
if( $(window).width() > 992 ){
|
|
$('.logged-in .main-right').width( $(window).width() - $('.logged-in .main-left').width() - 50 );
|
|
}
|
|
});
|
|
|
|
/**
|
|
* fix legend position
|
|
*/
|
|
$("legend").each(function () {
|
|
var that = $(this);
|
|
that.after("<span class='panel-title'>" + that.text() + "</span>");
|
|
});
|
|
|
|
$(".cbi-section-table-titles, .cbi-section-table-descr, .cbi-section-descr").each(function () {
|
|
var that = $(this);
|
|
if (that.text().trim() == ""){
|
|
that.css("display", "none");
|
|
}
|
|
});
|
|
|
|
|
|
$(".main-right").focus();
|
|
$(".main-right").blur();
|
|
$("input").attr("size", "0");
|
|
|
|
if (mainNodeName != undefined) {
|
|
console.log(mainNodeName);
|
|
switch (mainNodeName) {
|
|
case "node-status-system_log":
|
|
case "node-status-kernel_log":
|
|
$("#syslog").focus(function () {
|
|
$("#syslog").blur();
|
|
$(".main-right").focus();
|
|
$(".main-right").blur();
|
|
});
|
|
break;
|
|
case "node-status-firewall":
|
|
var button = $(".node-status-firewall > .main fieldset li > a");
|
|
button.addClass("cbi-button cbi-button-reset a-to-btn");
|
|
break;
|
|
case "node-system-reboot":
|
|
var button = $(".node-system-reboot > .main > .main-right p > a");
|
|
button.addClass("cbi-button cbi-input-reset a-to-btn");
|
|
break;
|
|
}
|
|
}
|
|
|
|
$('<div class="iconpwd"></div>').appendTo($('.node-main-login form .cbi-value input[type="password"]').parent()[0]);
|
|
|
|
$('<div class="iconuser"></div>').appendTo($('.node-main-login form .cbi-value input[type="text"]').parent()[0]);
|
|
|
|
$('<div class="iconeye"></div>').appendTo($('.node-main-login form .cbi-value input[type="password"]').parent()[0]);
|
|
|
|
var num = true;
|
|
$('.cbi-value-field .iconeye').click(function(){
|
|
if(num){
|
|
$('.node-main-login form .cbi-value-last input[type="password"]').prop('type', 'text');
|
|
$('.node-main-login form .cbi-value-field .iconeye').removeClass('opeye').addClass('cleye');
|
|
num = false;
|
|
}else {
|
|
$('.node-main-login form .cbi-value-last input[type="text"]').prop('type', 'password');
|
|
$('.node-main-login form .cbi-value-field .iconeye').removeClass('cleye').addClass('opeye');
|
|
num = true
|
|
}
|
|
|
|
})
|
|
|
|
if( $(window).width() > 992 ){
|
|
$('.logged-in .main-right').width( $(window).width() - $('.logged-in .main-left').width() - 50 );
|
|
}
|
|
|
|
|
|
})(jQuery);
|