App-RPi-EnvUI
view release on metacpan or search on metacpan
public/css/envui.css view on Meta::CPAN
4748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
color:
#FFF;
}
.menuHeader:hover {
background: green;
}
.menuBackground {
background:
#c0c0c0;
text-align: left;
}
.dropDownMenu a {
color:
#FFF;
}
.dropDownMenu,
.dropDownMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.dropDownMenu li {
position: relative;
}
.dropDownMenu a {
padding: 10px 20px;
display: block;
text-decoration: none;
}
.dropDownMenu a:hover {
background: green;
}
/* Level 1 Drop Down */
.dropDownMenu > li {
display: inline-block;
vertical-align: top;
margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.dropDownMenu > li:first-child {
margin-left: 0;
}
/* Level 2 */
.dropDownMenu ul {
box-shadow: 2px 2px 15px 0 rgba(0,0,0, 0.5);
}
.dropDownMenu > li > ul {
text-align: left;
display: none;
background:
#c0c0c0;
position: absolute;
top: 100%;
left: 0;
width: 240px;
z-
index
: 999999;
}
/* Level 3 */
.dropDownMenu > li > ul > li > ul {
text-align: left;
display: none;
background:
#c0c0c0;
position: absolute;
left: 100%;
top: 0;
z-
index
: 9999999;
}
.graph_container {
public/js/core.js view on Meta::CPAN
626364656667686970717273747576777879808182
}
});
}
// button event
$(
'div.ui-page-active .button'
).on(
'change'
, aux_action);
// main menu
$(
'div.ui-page-active .myMenu ul li'
).hover(function() {
$(this).children(
'ul'
).stop(true, false, true).slideToggle(300);
});
$.get(
'/get_config/devel'
, function(devel){
if
(parseInt(devel) ==
'1'
){
$(
'#time'
).css({
'background-color'
:
'red'
});
}
});
// draggable widgets
public/js/core.js view on Meta::CPAN
115116117118119120121122123124125126127128129130131132133134135
// initialization
event_interval();
display_env();
display_light();
});
$(document).on(
'pageshow'
,
'#stats'
, function(){
$(
'div.ui-page-active .myMenu ul li'
).hover(function() {
$(this).children(
'ul'
).stop(true, false, true).slideToggle(300);
});
$(
'div.ui-page-active #auth'
).addClass(
'a'
);
if
(logged_in){
$(
'div.ui-page-active #auth'
).text(
'Logout'
);
$(
'div.ui-page-active #auth'
).attr(
'href'
,
'/logout'
);
}
else
{
$(
'div.ui-page-active #auth'
).text(
'Login'
);
views/main.tt view on Meta::CPAN
15161718192021222324252627282930313233343536
<script type=
"text/javascript"
src=
"js/core.js"
></script>
</head>
<body>
<div data-role=
"page"
id=
"home"
>
<table width=
"100%"
>
<
tr
>
<td width=
"90%"
style=
"white-space: nowrap;"
>
<div class=
"menuBackground"
>
<div class=
"center myMenu"
>
<ul class=
"dropDownMenu"
>
<li><a href=
"/"
>Home</a></li>
<li class=
"menuHeader"
>System
<ul>
<li><a onClick=
"reset_display(); return false;"
>Reset Layout</a></li>
</ul>
</li>
<li><a href=
"/stats"
>Statistics</a></li>
<li class=
"menuHeader"
>About
<ul>
views/stats.tt view on Meta::CPAN
15161718192021222324252627282930313233343536
<script type=
"text/javascript"
src=
"js/core.js"
></script>
</head>
<body>
<div data-role=
"page"
id=
"stats"
>
<table width=
"100%"
>
<
tr
>
<td width=
"90%"
style=
"white-space: nowrap;"
>
<div class=
"menuBackground"
>
<div class=
"center myMenu"
>
<ul class=
"dropDownMenu"
>
<li><a href=
"/"
>Home</a></li>
<li class=
"menuHeader"
>System
<ul>
<li><a onClick=
"reset_display(); return false;"
>Reset Layout</a></li>
</ul>
</li>
<li><a href=
"/stats"
>Statistics</a></li>
<li class=
"menuHeader"
>About
<ul>
( run in 0.279 second using v1.01-cache-2.11-cpan-a9ef4e587e4 )