add theme

luci-theme-ezengreen/Makefile

@@ -0,0 +1,16 @@
+#
+# Copyright (C) 2008-2014 The LuCI Team <luci@lists.subsignal.org>
+#
+# This is free software, licensed under the Apache License, Version 2.0 .
+#
+
+include $(TOPDIR)/rules.mk
+
+LUCI_TITLE:=Ezengreen Theme
+LUCI_DEPENDS:=
+
+PKG_LICENSE:=Apache-2.0
+
+include ../../luci.mk
+
+# call BuildPackage - OpenWrt buildroot signature

luci-theme-ezengreen/htdocs/luci-static/ezengreen/mobile.css

@@ -0,0 +1,61 @@
+#content-desktop {display: block;}
+#content-mobile {display: none;}
+
+@media screen and (max-width: 600px) {
+
+#content-desktop {display: none;}
+#content-mobile {display: block;}
+
+}
+
+header h3 a, header .brand {
+	float: left;
+	display: block;
+	padding: 12px 6px 12px 6px;
+	margin: 0 0 0 10px;
+	font-size: 22px;
+	font-weight: 240;
+}
+
+header div > ul, .nav {
+	display: block;
+	float: left;
+	margin: 7px 8px 0 8px;
+	position: relative;
+	left: 0;
+}
+
+header div > ul a, .nav a {
+	display: block;
+	float: left;
+	padding: 12px 6px 12px 6px;
+	line-height: 14px;
+	letter-spacing: 0.2px;
+}
+
+.menu-dropdown, .dropdown-menu {
+	top: 38px;
+	min-width: 180px;
+	max-width: 260px;
+}
+
+@media screen and (max-device-width: 660px) {
+	#maincontent.container {
+		width: 98%;
+		margin: 30px 0 0 6px;
+	}
+}
+
+@media screen and (max-device-width: 360px) {
+	#maincontent.container {
+		width: 96%;
+		margin: 30px 0 0 6px;
+	}
+}
+
+@media screen and (max-device-width: 200px) {
+	#maincontent.container {
+		width: 94%;
+		margin: 40px 0 0 2px;
+	}
+}

luci-theme-ezengreen/luasrc/view/themes/ezengreen/footer.htm

@@ -0,0 +1,29 @@
+<%#
+ 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.
+-%>
+
+<%
+	local ver = require "luci.version"
+	local disp = require "luci.dispatcher"
+	local request  = disp.context.path
+	local category = request[1]
+	local tree = disp.node()
+	local categories = disp.node_childs(tree)
+%>
+   <footer>
+    <a href="/cgi-bin/luci/"><img src="<%=media%>/footer.png" height="11px" style="padding-right: 5px; "></a>Powered by OpenWrt - LuCI Master
+    <% if #categories > 1 then %>
+     <ul class="breadcrumb pull-right" id="modemenu">
+	    <% for i, r in ipairs(categories) do %>
+		    <li<% if request[1] == r then %> class="active"<%end%>><a href="<%=controller%>/<%=r%>/"><%=striptags(translate(tree.nodes[r].title))%></a> <span class="divider">|</span></li>
+	    <% end %>
+     </ul>
+    <% end %>
+   </footer>
+   </div>
+  </div>
+ </body>
+</html>

luci-theme-ezengreen/luasrc/view/themes/ezengreen/header.htm

@@ -0,0 +1,206 @@
+<%#
+ Copyright 2008 Steven Barth <steven@midlink.org>
+ Copyright 2008-2016 Jo-Philipp Wich <jow@openwrt.org>
+ Copyright 2012 David Menting <david@nut-bolt.nl>
+ Licensed to the public under the Apache License 2.0.
+-%>
+
+<%
+	local sys  = require "luci.sys"
+	local util = require "luci.util"
+	local http = require "luci.http"
+	local disp = require "luci.dispatcher"
+
+	local boardinfo = util.ubus("system", "board")
+
+	local request  = disp.context.path
+	local request2 = disp.context.request
+
+	local category = request[1]
+	local cattree  = category and disp.node(category)
+
+	local leaf = request2[#request2]
+
+	local tree = disp.node()
+	local node = disp.context.dispatched
+
+	local categories = disp.node_childs(tree)
+
+	local c = tree
+	local i, r
+
+	-- tag all nodes leading to this page
+	for i, r in ipairs(request) do
+		if c.nodes and c.nodes[r] then
+			c = c.nodes[r]
+			c._menu_selected = true
+		end
+	end
+
+	-- send as HTML5
+	http.prepare_content("text/html")
+
+	local function nodeurl(prefix, name, query)
+		local u = url(prefix, name)
+		if query then
+			u = u .. http.build_querystring(query)
+		end
+		return pcdata(u)
+	end
+
+	local function render_tabmenu(prefix, node, level)
+		if not level then
+			level = 1
+		end
+
+		local childs = disp.node_childs(node)
+		if #childs > 0 then
+			if level > 2 then
+				write('<ul class="tabs">')
+			end
+
+			local selected_node
+			local selected_name
+			local i, v
+
+			for i, v in ipairs(childs) do
+				local nnode = node.nodes[v]
+				if nnode._menu_selected then
+					selected_node = nnode
+					selected_name = v
+				end
+
+				if level > 2 then
+					write('<li class="tabmenu-item-%s %s"><a href="%s">%s</a></li>' %{
+						v, (nnode._menu_selected or (node.leaf and v == leaf)) and 'active' or '',
+						nodeurl(prefix, v, nnode.query),
+						striptags(translate(nnode.title))
+					})
+				end
+			end
+
+			if level > 2 then
+				write('</ul>')
+			end
+
+			if selected_node then
+				render_tabmenu(prefix .. "/" .. selected_name, selected_node, level + 1)
+			end
+		end
+	end
+
+	local function render_submenu(prefix, node)
+		local childs = disp.node_childs(node)
+		if #childs > 0 then
+			write('<ul class="dropdown-menu">')
+
+			for i, r in ipairs(childs) do
+				local nnode = node.nodes[r]
+				write('<li><a href="%s">%s</a></li>' %{
+					nodeurl(prefix, r, nnode.query),
+					pcdata(striptags(translate(nnode.title)))
+				})
+			end
+
+			write('</ul>')
+		end
+	end
+
+	local function render_topmenu()
+		local childs = disp.node_childs(cattree)
+		if #childs > 0 then
+			write('<ul class="nav">')
+
+			for i, r in ipairs(childs) do
+				local nnode = cattree.nodes[r]
+				local grandchildren = disp.node_childs(nnode)
+
+				if #grandchildren > 0 then
+					write('<li class="dropdown"><a class="menu" href="#">%s</a>' % pcdata(striptags(translate(nnode.title))))
+					render_submenu(category .. "/" .. r, nnode)
+					write('</li>')
+				else
+					write('<li><a href="%s">%s</a></li>' %{
+						nodeurl(category, r, nnode.query),
+						pcdata(striptags(translate(nnode.title)))
+					})
+				end
+			end
+
+			write('</ul>')
+		end
+	end
+
+	local function render_changes()
+		-- calculate the number of unsaved changes
+		if tree.nodes[category] and tree.nodes[category].ucidata then
+			local ucichanges = 0
+
+			local i, j
+			for i, j in pairs(require("luci.model.uci").cursor():changes()) do
+				ucichanges = ucichanges + #j
+			end
+
+			if ucichanges > 0 then
+				write('<a class="uci_change_indicator label notice" href="%s?redir=%s">%s: %d</a>' %{
+					url(category, 'uci/changes'),
+					http.urlencode(http.formvalue('redir') or table.concat(disp.context.request, "/")),
+					translate('Unsaved Changes'),
+					ucichanges
+				})
+			end
+		end
+	end
+-%>
+<!DOCTYPE html>
+<html lang="<%=luci.i18n.context.lang%>">
+	<head>
+		<meta charset="utf-8">
+		<title><%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
+		<meta name="viewport" content="initial-scale=1.0">
+		<link rel="stylesheet" href="<%=media%>/cascade.css?v=git-19.190.55614-35357e4">
+		<link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="<%=media%>/mobile.css?v=git-19.190.55614-35357e4" type="text/css" />
+		<link rel="shortcut icon" href="<%=media%>/favicon.ico">
+		<% if node and node.css then %>
+			<link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
+		<% end -%>
+		<% if css then %>
+			<style title="text/css"><%= css %></style>
+		<% end -%>
+		<script src="<%=resource%>/cbi.js?v=git-19.190.55614-35357e4"></script>
+		<script src="<%=resource%>/xhr.js?v=git-19.190.55614-35357e4"></script>
+	</head>
+
+	<body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %>">
+		<header>
+			<div class="fill">
+				<div class="container">
+					<a class="brand" href="/cgi-bin/luci/"><img src="<%=media%>/outdoorrouter.png" height="20px" style="padding-right: 8px; "><%=boardinfo.hostname or "?"%></a>
+					<% render_topmenu() %>
+					<div class="pull-right" id="content-desktop">
+						<span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
+							<span class="label success" id="xhr_poll_status_on"><%:Refresh%> </span>
+							<span class="label" id="xhr_poll_status_off" style="display:none"><%:Refresh%> </span>
+						</span>
+					</div>
+				</div>
+			</div>
+		</header>
+
+		<div id="maincontent" class="container">
+			<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
+				<div class="alert-message warning">
+					<h4><%:No password set!%></h4>
+					<p><%:You are using the default router password. Please custom your router password to protect the web interface and enable SSH.%></p>
+					<div class="right"><a class="btn" href="<%=url("admin/system/admin")%>"><%:Custom router's admin password%></a></div>
+				</div>
+			<%- end -%>
+
+			<noscript>
+				<div class="alert-message warning">
+					<h4><%:JavaScript required!%></h4>
+					<p><%:Please enable JavaScript in your browser to ensure the router interface works properly.%></p>
+				</div>
+			</noscript>
+
+			<% if category then render_tabmenu(category, cattree) end %>

luci-theme-ezengreen/root/etc/uci-defaults/30_luci-theme-ezengreen

@@ -0,0 +1,7 @@
+#!/bin/sh
+uci batch <<-EOF
+	set luci.themes.Ezengreen=/luci-static/ezengreen
+	set luci.main.mediaurlbase=/luci-static/ezengreen
+	commit luci
+EOF
+exit 0

luci-theme-lamatel/Makefile

@@ -0,0 +1,16 @@
+#
+# Copyright (C) 2008-2014 The LuCI Team <luci@lists.subsignal.org>
+#
+# This is free software, licensed under the Apache License, Version 2.0 .
+#
+
+include $(TOPDIR)/rules.mk
+
+LUCI_TITLE:=Lamatel Theme
+LUCI_DEPENDS:=
+
+PKG_LICENSE:=Apache-2.0
+
+include ../../luci.mk
+
+# call BuildPackage - OpenWrt buildroot signature

luci-theme-lamatel/htdocs/luci-static/lamatel/mobile.css

@@ -0,0 +1,61 @@
+#content-desktop {display: block;}
+#content-mobile {display: none;}
+
+@media screen and (max-width: 600px) {
+
+#content-desktop {display: none;}
+#content-mobile {display: block;}
+
+}
+
+header h3 a, header .brand {
+	float: left;
+	display: block;
+	padding: 12px 6px 12px 6px;
+	margin: 0 0 0 10px;
+	font-size: 22px;
+	font-weight: 240;
+}
+
+header div > ul, .nav {
+	display: block;
+	float: left;
+	margin: 7px 8px 0 8px;
+	position: relative;
+	left: 0;
+}
+
+header div > ul a, .nav a {
+	display: block;
+	float: left;
+	padding: 12px 6px 12px 6px;
+	line-height: 14px;
+	letter-spacing: 0.2px;
+}
+
+.menu-dropdown, .dropdown-menu {
+	top: 38px;
+	min-width: 180px;
+	max-width: 260px;
+}
+
+@media screen and (max-device-width: 660px) {
+	#maincontent.container {
+		width: 98%;
+		margin: 30px 0 0 6px;
+	}
+}
+
+@media screen and (max-device-width: 360px) {
+	#maincontent.container {
+		width: 96%;
+		margin: 30px 0 0 6px;
+	}
+}
+
+@media screen and (max-device-width: 200px) {
+	#maincontent.container {
+		width: 94%;
+		margin: 40px 0 0 2px;
+	}
+}

luci-theme-lamatel/luasrc/view/themes/lamatel/footer.htm

@@ -0,0 +1,29 @@
+<%#
+ 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.
+-%>
+
+<%
+	local ver = require "luci.version"
+	local disp = require "luci.dispatcher"
+	local request  = disp.context.path
+	local category = request[1]
+	local tree = disp.node()
+	local categories = disp.node_childs(tree)
+%>
+   <footer>
+    <a href="/cgi-bin/luci/"><img src="<%=media%>/footer.png" height="12px" style="padding-right: 5px; "></a>Powered by Lamatel Canada
+    <% if #categories > 1 then %>
+     <ul class="breadcrumb pull-right" id="modemenu">
+	    <% for i, r in ipairs(categories) do %>
+		    <li<% if request[1] == r then %> class="active"<%end%>><a href="<%=controller%>/<%=r%>/"><%=striptags(translate(tree.nodes[r].title))%></a> <span class="divider">|</span></li>
+	    <% end %>
+     </ul>
+    <% end %>
+   </footer>
+   </div>
+  </div>
+ </body>
+</html>

luci-theme-lamatel/luasrc/view/themes/lamatel/header.htm

@@ -0,0 +1,206 @@
+<%#
+ Copyright 2008 Steven Barth <steven@midlink.org>
+ Copyright 2008-2016 Jo-Philipp Wich <jow@openwrt.org>
+ Copyright 2012 David Menting <david@nut-bolt.nl>
+ Licensed to the public under the Apache License 2.0.
+-%>
+
+<%
+	local sys  = require "luci.sys"
+	local util = require "luci.util"
+	local http = require "luci.http"
+	local disp = require "luci.dispatcher"
+
+	local boardinfo = util.ubus("system", "board")
+
+	local request  = disp.context.path
+	local request2 = disp.context.request
+
+	local category = request[1]
+	local cattree  = category and disp.node(category)
+
+	local leaf = request2[#request2]
+
+	local tree = disp.node()
+	local node = disp.context.dispatched
+
+	local categories = disp.node_childs(tree)
+
+	local c = tree
+	local i, r
+
+	-- tag all nodes leading to this page
+	for i, r in ipairs(request) do
+		if c.nodes and c.nodes[r] then
+			c = c.nodes[r]
+			c._menu_selected = true
+		end
+	end
+
+	-- send as HTML5
+	http.prepare_content("text/html")
+
+	local function nodeurl(prefix, name, query)
+		local u = url(prefix, name)
+		if query then
+			u = u .. http.build_querystring(query)
+		end
+		return pcdata(u)
+	end
+
+	local function render_tabmenu(prefix, node, level)
+		if not level then
+			level = 1
+		end
+
+		local childs = disp.node_childs(node)
+		if #childs > 0 then
+			if level > 2 then
+				write('<ul class="tabs">')
+			end
+
+			local selected_node
+			local selected_name
+			local i, v
+
+			for i, v in ipairs(childs) do
+				local nnode = node.nodes[v]
+				if nnode._menu_selected then
+					selected_node = nnode
+					selected_name = v
+				end
+
+				if level > 2 then
+					write('<li class="tabmenu-item-%s %s"><a href="%s">%s</a></li>' %{
+						v, (nnode._menu_selected or (node.leaf and v == leaf)) and 'active' or '',
+						nodeurl(prefix, v, nnode.query),
+						striptags(translate(nnode.title))
+					})
+				end
+			end
+
+			if level > 2 then
+				write('</ul>')
+			end
+
+			if selected_node then
+				render_tabmenu(prefix .. "/" .. selected_name, selected_node, level + 1)
+			end
+		end
+	end
+
+	local function render_submenu(prefix, node)
+		local childs = disp.node_childs(node)
+		if #childs > 0 then
+			write('<ul class="dropdown-menu">')
+
+			for i, r in ipairs(childs) do
+				local nnode = node.nodes[r]
+				write('<li><a href="%s">%s</a></li>' %{
+					nodeurl(prefix, r, nnode.query),
+					pcdata(striptags(translate(nnode.title)))
+				})
+			end
+
+			write('</ul>')
+		end
+	end
+
+	local function render_topmenu()
+		local childs = disp.node_childs(cattree)
+		if #childs > 0 then
+			write('<ul class="nav">')
+
+			for i, r in ipairs(childs) do
+				local nnode = cattree.nodes[r]
+				local grandchildren = disp.node_childs(nnode)
+
+				if #grandchildren > 0 then
+					write('<li class="dropdown"><a class="menu" href="#">%s</a>' % pcdata(striptags(translate(nnode.title))))
+					render_submenu(category .. "/" .. r, nnode)
+					write('</li>')
+				else
+					write('<li><a href="%s">%s</a></li>' %{
+						nodeurl(category, r, nnode.query),
+						pcdata(striptags(translate(nnode.title)))
+					})
+				end
+			end
+
+			write('</ul>')
+		end
+	end
+
+	local function render_changes()
+		-- calculate the number of unsaved changes
+		if tree.nodes[category] and tree.nodes[category].ucidata then
+			local ucichanges = 0
+
+			local i, j
+			for i, j in pairs(require("luci.model.uci").cursor():changes()) do
+				ucichanges = ucichanges + #j
+			end
+
+			if ucichanges > 0 then
+				write('<a class="uci_change_indicator label notice" href="%s?redir=%s">%s: %d</a>' %{
+					url(category, 'uci/changes'),
+					http.urlencode(http.formvalue('redir') or table.concat(disp.context.request, "/")),
+					translate('Unsaved Changes'),
+					ucichanges
+				})
+			end
+		end
+	end
+-%>
+<!DOCTYPE html>
+<html lang="<%=luci.i18n.context.lang%>">
+	<head>
+		<meta charset="utf-8">
+		<title><%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
+		<meta name="viewport" content="initial-scale=1.0">
+		<link rel="stylesheet" href="<%=media%>/cascade.css?v=git-19.190.55614-35357e4">
+		<link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="<%=media%>/mobile.css?v=git-19.190.55614-35357e4" type="text/css" />
+		<link rel="shortcut icon" href="<%=media%>/favicon.ico">
+		<% if node and node.css then %>
+			<link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
+		<% end -%>
+		<% if css then %>
+			<style title="text/css"><%= css %></style>
+		<% end -%>
+		<script src="<%=resource%>/cbi.js?v=git-19.190.55614-35357e4"></script>
+		<script src="<%=resource%>/xhr.js?v=git-19.190.55614-35357e4"></script>
+	</head>
+
+	<body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %>">
+		<header>
+			<div class="fill">
+				<div class="container">
+					<a class="brand" href="/cgi-bin/luci/"><img src="<%=media%>/logo.png" height="30px" style="margin: -4px 10px -6px 0px; ">Outdoor Router</a>
+					<% render_topmenu() %>
+					<div class="pull-right" id="content-desktop">
+						<span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
+							<span class="label success" id="xhr_poll_status_on"><%:Refresh%> </span>
+							<span class="label" id="xhr_poll_status_off" style="display:none"><%:Refresh%> </span>
+						</span>
+					</div>
+				</div>
+			</div>
+		</header>
+
+		<div id="maincontent" class="container">
+			<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
+				<div class="alert-message warning">
+					<h4><%:No password set!%></h4>
+					<p><%:You are using the default router password. Please custom your router password to protect the web interface and enable SSH.%></p>
+					<div class="right"><a class="btn" href="<%=url("admin/system/admin")%>"><%:Custom router's admin password%></a></div>
+				</div>
+			<%- end -%>
+
+			<noscript>
+				<div class="alert-message warning">
+					<h4><%:JavaScript required!%></h4>
+					<p><%:Please enable JavaScript in your browser to ensure the router interface works properly.%></p>
+				</div>
+			</noscript>
+
+			<% if category then render_tabmenu(category, cattree) end %>

luci-theme-lamatel/root/etc/uci-defaults/30_luci-theme-lametal

@@ -0,0 +1,7 @@
+#!/bin/sh
+uci batch <<-EOF
+	set luci.themes.lamtel=/luci-static/lamatel
+	set luci.main.mediaurlbase=/luci-static/lamatel
+	commit luci
+EOF
+exit 0