Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI 478/head
authorLutty Yang <lutty@wcan.in>
Thu, 17 Sep 2015 08:19:48 +0000 (16:19 +0800)
committerLutty Yang <lutty@wcan.in>
Thu, 17 Sep 2015 08:19:48 +0000 (16:19 +0800)
Signed-off-by: Lutty Yang <lutty@wcan.in>
themes/luci-theme-material/htdocs/luci-static/material/css/style.css
themes/luci-theme-material/htdocs/luci-static/material/js/script.js
themes/luci-theme-material/luasrc/view/themes/material/footer.htm
themes/luci-theme-material/luasrc/view/themes/material/header.htm

index 9dbfcaecdd6b6f623e79dc741891dddcce251d3e..e98ae3c6911d1b945f16351119c75806709d3b55 100755 (executable)
@@ -1,3 +1,26 @@
+/**
+ *  Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI
+ *
+ *  luci-theme-material
+ *      Copyright 2015 Lutty Yang <lutty@wcan.in>
+ *
+ *  Have a bug? Please create an issue here on GitHub!
+ *      https://github.com/LuttyYang/luci-theme-material/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>
+ *
+ *  MUI:
+ *      https://github.com/muicss/mui
+ *
+ *  Licensed to the public under the Apache License 2.0
+ */
+
+/*
+ *  Font generate by Icomoon<icomoon.io>
+ */
 @font-face {
     font-family: 'icomoon';
     src: url('../fonts/font.eot');
@@ -362,7 +385,7 @@ footer {
     left: 0;
 }
 
-/* 进度条fix */
+/* fix progress bar */
 #memfree > div,
 #membuff > div,
 #conns > div,
@@ -379,7 +402,7 @@ footer {
     background-color: #0099CC !important;
 }
 
-/* 多重table fix*/
+/* fix multiple table */
 
 table table {
     border: none;
@@ -397,7 +420,7 @@ td > table > tbody > tr > td {
     border: none;
 }
 
-/* button 样式 */
+/* button style */
 
 .cbi-button {
     box-sizing: border-box;
@@ -714,7 +737,6 @@ td > table > tbody > tr > td {
 
 .uci-change-list var ins,
 .uci-change-list var del {
-    /*display: inline;*/
     border: none;
     white-space: pre;
     font-style: normal;
index 7ba9624c9c2267449d3acc951d92f07f734f2be5..b6e0db47405bdafd798663b9b2d86ecb482648b1 100755 (executable)
@@ -1,5 +1,21 @@
 /**
- * Created by WebStorm on 15-9-13.
+ *  Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI
+ *
+ *  luci-theme-material
+ *      Copyright 2015 Lutty Yang <lutty@wcan.in>
+ *
+ *  Have a bug? Please create an issue here on GitHub!
+ *      https://github.com/LuttyYang/luci-theme-material/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>
+ *
+ *  MUI:
+ *      https://github.com/muicss/mui
+ *
+ *  Licensed to the public under the Apache License 2.0
  */
 (function ($) {
     var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",
     };
 }(jQuery));
 
+(function ($) {
+    /**
+     * trim text, Remove spaces, wrap
+     * @param text
+     * @returns {string}
+     */
+    function trimText(text) {
+        return text.replace(/[ \t\n\r]+/g, " ");
+    }
 
-function trimText(text) {
-    return text.replace(/[ \t\n\r]+/g, " ");
-}
 
-(function ($) {
     var tree = undefined;
     var lastNode = undefined;
 
+    /**
+     * get the current node by Hash (reserve)
+     * @returns {boolean} success?
+     */
     function getCurrentNodeByHash() {
         var ret = false;
         var hash = window.location.hash;
@@ -138,6 +163,10 @@ function trimText(text) {
         return ret;
     }
 
+    /**
+     * get the current node by Burl (primary)
+     * @returns {boolean} success?
+     */
     function getCurrentNodeByUrl() {
         var ret = false;
         var getUrlNode = function (href){
@@ -188,6 +217,9 @@ function trimText(text) {
         return ret;
     }
 
+    /**
+     * menu click
+     */
     $(".main > .main-left > .nav > .slide > .menu").click(function () {
         var ul = $(this).next(".slide-menu");
         var menu = $(this);
@@ -203,6 +235,9 @@ function trimText(text) {
         }
     });
 
+    /**
+     * hook menu click and add the hash
+     */
     $(".main > .main-left > .nav > .slide > .slide-menu > li > a").click(function () {
         var href = $(this).attr("href");
         var tree = trimText($(this).parent().parent().prev().data("title")) + "|" + trimText($(this).data("title"));
@@ -213,11 +248,16 @@ function trimText(text) {
         return false;
     });
 
+    /**
+     * fix menu click
+     */
     $(".main > .main-left > .nav > .slide > .slide-menu > li").click(function () {
         $(this).find("a").click();
     });
 
-
+    /**
+     * get current node and open it
+     */
     if (!getCurrentNodeByUrl()){
         getCurrentNodeByHash();
         if (tree[0] == "Status" && tree[1] == "Overview"){
@@ -232,6 +272,9 @@ function trimText(text) {
     $(".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");
@@ -248,6 +291,9 @@ function trimText(text) {
         }
     });
 
+    /**
+     * Sidebar expand
+     */
     var showSide = false;
     $(".showSide").click(function () {
         if (showSide){
@@ -285,10 +331,11 @@ function trimText(text) {
         }
     });
 
+    /**
+     * fix legend position
+     */
     $("legend").each(function () {
         var that = $(this);
         that.after("<span class='panel-title'>" + that.text() + "</span>");
     });
-
-    window.scrollTo(0,1);
 })(jQuery);
index 25a8b8cb66349cfb87fe1dc5b8eb83bc8230169b..596615213211af529122674724657dfaec7d84e7 100755 (executable)
@@ -1,18 +1,21 @@
 <%#
-luci-theme-material is based on MUI and luci-theme-bootstrap.
+    Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI
 
-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>
+    luci-theme-material
+        Copyright 2015 Lutty Yang <lutty@wcan.in>
 
-MUI:
-https://github.com/muicss/mui
+    Have a bug? Please create an issue here on GitHub!
+        https://github.com/LuttyYang/luci-theme-material/issues
 
-luci-theme-material
-Copyright 2015 Lutty Yang <lutty@wcan.in>
+    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
+    MUI:
+    https://github.com/muicss/mui
+
+    Licensed to the public under the Apache License 2.0
 -%>
 
 <%
index 0fcf76f767f15188a2c7e5626603f59a8edc69a0..3a4f897ca48ffac09d390ea0036f7fe137dcddb9 100755 (executable)
@@ -1,16 +1,19 @@
 <%#
-       luci-theme-material is based on MUI and luci-theme-bootstrap.
+       Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI
+
+       luci-theme-material
+       Copyright 2015 Lutty Yang <lutty@wcan.in>
+
+       Have a bug? Please create an issue here on GitHub!
+       https://github.com/LuttyYang/luci-theme-material/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>
+       Copyright 2008 Steven Barth <steven@midlink.org>
+       Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
+       Copyright 2012 David Menting <david@nut-bolt.nl>
 
        MUI:
-               https://github.com/muicss/mui
-
-       luci-theme-material
-               Copyright 2015 Lutty Yang <lutty@wcan.in>
+       https://github.com/muicss/mui
 
        Licensed to the public under the Apache License 2.0
 -%>