NexaHome v3.4.0

hekj · Post by **hekj** » Fri Mar 17, 2023 9:45 am

Har lagt in mode/attribut funktionalitet som kan användas av dom som skapar sina egna websidor, nu är det lättare att visa/ändra aktuell mode samt attribut.

Kolla in följande exempel.

mode.html

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>NexaHome - Life Made Easy With Home Automation</title>
<link rel="Shortcut Icon" href="http://nexahome.se/favicon32x32.ico">
<meta http-equiv="refresh" content="60;#URL#?mypage=mode&psw=#PSW#">
</head>

<body bgcolor="#ffffff" background="/nexahome/nexahome_bg.jpg">

<div style="position: absolute; top: 20px; left: 25px;">
<form action="nexahome" method="get">
<input type=hidden name="mypage" value="mode">
<input type=hidden name="psw" value="#PSW#">
<input type=hidden name="rnd" value="#RND#">
<input type=submit value="#TIMESTAMP#">
</form>
</div>

<script type="text/javascript">
function writeOption(mode)
{
  document.write('<option value=\"' + mode + '\" ');
  if (mode === '#MODE#') {
    document.write('selected ');
  }
  document.write('>' + mode);
  if (mode === '#MODE#') {
    if ('' !== '#ATTRIBUTES#') {
      document.write(' (' + '#ATTRIBUTES#' + ')');
    }
  }
  document.write('</option>');
}

function writeAttributeImage(attr)
{
  if (attr === 'ON') {
    document.write('<img src="/nexahome/on.mini.png" alt="ON">');
  } else {
    document.write('<img src="/nexahome/off.mini.png" alt="OFF">');
  }
}
</script>

<div style="position: absolute; top: 60px; left: 25px">
<table>
<tr>
<td align="left" valign="top"><b>Mode:</></td>
<td>
<form action="nexahome" method="get">
<select name="mode">
<script type="text/javascript">writeOption('Home');</script>
<script type="text/javascript">writeOption('Away');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Workday#' === 'ON') writeOption('Workday:Clear'); else writeOption('Workday:Set');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Weekend#' === 'ON') writeOption('Weekend:Clear'); else writeOption('Weekend:Set');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Holiday#' === 'ON') writeOption('Holiday:Clear'); else writeOption('Holiday:Set');</script>
<input type=hidden name="mypage" value="mode">
<input type=hidden name="psw" value="#PSW#">
<input type=hidden name="rnd" value="#RND#">
</td>
<td valign="top"><input type=submit value="CHANGE"></td>
</tr>
</form></table>
</div>

</body>
</html>

<div style="position: absolute; top: 100px; left: 25px">
<b>Attributes:</b> #ATTRIBUTES#
</div>

<div style="position: absolute; top: 140px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Workday#');</script> Workday
</div>

<div style="position: absolute; top: 180px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Weekend#');</script> Weekend
</div>

<div style="position: absolute; top: 220px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Holiday#');</script> Holiday
</div>