WebSVN – HomeAutomation – Diff – /trunk/PcSoftware/scripts/Atom1.5-phpExampleClient/light/index.php


<?php
require_once("backend.php");
require_once("config.php");
?>
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home Automation Control Center</title>
    <link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
    <script src="jquery-1.7.2.min.js"></script>
    <script src="jquery.mobile-1.1.1.min.js"></script>
    <script src="jquery.tmpl.min.js"></script>
 
    <style>
    <?php
      foreach ($pages as $page)
      {
        include("pages/" . $page . "/style.css");
      }
    ?>
    </style>
 
    <?php
      foreach ($pages as $page)
      {
        include("pages/" . $page . "/template.html");
      }
    ?>
 
    <script id="page-template" type="text/x-jquery-tmpl" data-enhance="false">
      <div id="page-${name}" data-role="page" data-theme="a">
        <div data-role="header">
          <a href="#" data-icon="left" data-rel="back" data-direction="reverse">Home</a>
          <h1>Home Automation Control Center - ${title}</h1>
        </div>
        <div data-role="content"></div>
      </div>
    </script>
 
    <script id="pagelink-template" type="text/x-jquery-tmpl" data-enhance="false">
      <span>
        <a href="#" data-role="button">${title}</a>
      </span>
    </script>
 
    <script>
      $.mobile.ignoreContentEnabled = true;
 
      function sendCommand(command, callback)
      {
        jQuery.getJSON("backend.php?ajax", { command: command }, callback);
      }
    </script>
 
    <script>
      var pages = {};
 
    <?php
      foreach ($pages as $page)
      {
        include("pages/" . $page . "/script.js");
      }
    ?>
    </script>
 
    <script>
 
      var aliasNames = <?php echo json_encode($aliasNames); ?>;
      var pageConfigurations = <?php echo json_encode($pageConfiguration); ?>;
      var pageInstances = {};
 
      $(document).ready(function(event)
      {
        jQuery.each(pageConfigurations, function(n, configuration)
        {
          var pageName = configuration.page + "_" + n;
 
          pageInstances[pageName] = configuration;
 
          pageInstances[pageName].name = pageName;
 
          pageInstances[pageName].pageElement = $("#page-template").tmpl(pageInstances[pageName]).appendTo($("body")).page();
          pageInstances[pageName].pageContentElement = pageInstances[pageName].pageElement.find(":jqmData(role=content)");
 
          pageInstances[pageName].pageElement.find(":jqmData(rel=back)").on("click", function(event)
          {
            $.mobile.changePage($("#home"), "slide");
            event.preventDefault();
          });
 
          pageInstances[pageName].pageLinkElement = $("#pagelink-template").tmpl(pageInstances[pageName]).appendTo($("#home").find(":jqmData(role=content)")).trigger("create").on("click", function(event)
          {
            $.mobile.changePage(pageInstances[pageName].pageElement, "slide");
            event.preventDefault();
          });
 
 
          if (pages[configuration.page] && pages[configuration.page].init)
          {
            pages[configuration.page].init(pageInstances[pageName]);
          }
        });
 
        $(".ui-page").on("swipeleft", function()
        {
          var nextpage = $(this).nextAll(":jqmData(role=page)");
 
          if (nextpage.length > 0)
          {
            $.mobile.changePage($(nextpage[0]), "slide");
          }
        });
       
        $(".ui-page").on("swiperight", function()
        {
          var prevpage = $(this).prevAll(":jqmData(role=page)");
 
          if (prevpage.length > 0)
          {
            $.mobile.changePage($(prevpage[0]), "slide", true);
          }
        });
      });
 
    </script>
  </head>
 
  <body>
    <div id="home" data-role="page" data-theme="a">
      <div data-role="header"><h1>Home Automation Control Center</h1></div>
      <div data-role="content"></div>
    </div>
  </body>
</html>
 

Rev 2070	Rev 2080
1	<?php	1	<?php
2	require_once("backend.php");	2	require_once("backend.php");
3	require_once("config.php");	3	require_once("config.php");
4	?>	4	?>
5	<!DOCTYPE HTML>	5	<!DOCTYPE HTML>
6	<html>	6	<html>
7	<head>	7	<head>
8	<meta charset="utf-8">	8	<meta charset="utf-8">
9	<meta name="viewport" content="width=device-width, initial-scale=1">	9	<meta name="viewport" content="width=device-width, initial-scale=1">
10	<title>Home Automation Control Center</title>	10	<title>Home Automation Control Center</title>
11	<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />	11	<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
12	<script src="jquery-1.7.2.min.js"></script>	12	<script src="jquery-1.7.2.min.js"></script>
13	<script src="jquery.mobile-1.1.1.min.js"></script>	13	<script src="jquery.mobile-1.1.1.min.js"></script>
14	<script src="jquery.tmpl.min.js"></script>	14	<script src="jquery.tmpl.min.js"></script>
15		15
16	<style>	16	<style>
17	<?php	17	<?php
18	foreach ($pages as $page)	18	foreach ($pages as $page)
19	{	19	{
20	include("pages/" . $page . "/style.css");	20	include("pages/" . $page . "/style.css");
21	}	21	}
22	?>	22	?>
23	</style>	23	</style>
24		24
25	<?php	25	<?php
26	foreach ($pages as $page)	26	foreach ($pages as $page)
27	{	27	{
28	include("pages/" . $page . "/template.html");	28	include("pages/" . $page . "/template.html");
29	}	29	}
30	?>	30	?>
31		31
32	<script id="page-template" type="text/x-jquery-tmpl" data-enhance="false">	32	<script id="page-template" type="text/x-jquery-tmpl" data-enhance="false">
33	<div id="page-${name}" data-role="page" data-theme="a">	33	<div id="page-${name}" data-role="page" data-theme="a">
34	<div data-role="header">	34	<div data-role="header">
35	<a href="#" data-icon="left" data-rel="back" data-direction="reverse">Home</a>	35	<a href="#" data-icon="left" data-rel="back" data-direction="reverse">Home</a>
36	<h1>Home Automation Control Center - ${title}</h1>	36	<h1>Home Automation Control Center - ${title}</h1>
37	</div>	37	</div>
38	<div data-role="content"></div>	38	<div data-role="content"></div>
39	</div>	39	</div>
40	</script>	40	</script>
41		41
42	<script id="pagelink-template" type="text/x-jquery-tmpl" data-enhance="false">	42	<script id="pagelink-template" type="text/x-jquery-tmpl" data-enhance="false">
43	<span>	43	<span>
44	<a href="#" data-role="button">${title}</a>	44	<a href="#" data-role="button">${title}</a>
45	</span>	45	</span>
46	</script>	46	</script>
47		47
48	<script>	48	<script>
49	$.mobile.ignoreContentEnabled = true;	49	$.mobile.ignoreContentEnabled = true;
50		50
51	function sendCommand(command, callback)	51	function sendCommand(command, callback)
52	{	52	{
53	jQuery.getJSON("backend.php?ajax", { command: command }, callback);	53	jQuery.getJSON("backend.php?ajax", { command: command }, callback);
54	}	54	}
55	</script>	55	</script>
56		56
57	<script>	57	<script>
58	var pages = {};	58	var pages = {};
59		59
60	<?php	60	<?php
61	foreach ($pages as $page)	61	foreach ($pages as $page)
62	{	62	{
63	include("pages/" . $page . "/script.js");	63	include("pages/" . $page . "/script.js");
64	}	64	}
65	?>	65	?>
66	</script>	66	</script>
67		67
68	<script>	68	<script>
69		69
-		70	var aliasNames = <?php echo json_encode($aliasNames); ?>;
70	var pageConfigurations = <?php echo json_encode($pageConfiguration); ?>;	71	var pageConfigurations = <?php echo json_encode($pageConfiguration); ?>;
71	var pageInstances = {};	72	var pageInstances = {};
72		73
73	$(document).ready(function(event)	74	$(document).ready(function(event)
74	{	75	{
75	jQuery.each(pageConfigurations, function(n, configuration)	76	jQuery.each(pageConfigurations, function(n, configuration)
76	{	77	{
77	var pageName = configuration.page + "_" + n;	78	var pageName = configuration.page + "_" + n;
78		79
79	pageInstances[pageName] = configuration;	80	pageInstances[pageName] = configuration;
80		81
81	pageInstances[pageName].name = pageName;	82	pageInstances[pageName].name = pageName;
82		83
83	pageInstances[pageName].pageElement = $("#page-template").tmpl(pageInstances[pageName]).appendTo($("body")).page();	84	pageInstances[pageName].pageElement = $("#page-template").tmpl(pageInstances[pageName]).appendTo($("body")).page();
84	pageInstances[pageName].pageContentElement = pageInstances[pageName].pageElement.find(":jqmData(role=content)");	85	pageInstances[pageName].pageContentElement = pageInstances[pageName].pageElement.find(":jqmData(role=content)");
85		86
86	pageInstances[pageName].pageElement.find(":jqmData(rel=back)").on("click", function(event)	87	pageInstances[pageName].pageElement.find(":jqmData(rel=back)").on("click", function(event)
87	{	88	{
88	$.mobile.changePage($("#home"), "slide");	89	$.mobile.changePage($("#home"), "slide");
89	event.preventDefault();	90	event.preventDefault();
90	});	91	});
91		92
92	pageInstances[pageName].pageLinkElement = $("#pagelink-template").tmpl(pageInstances[pageName]).appendTo($("#home").find(":jqmData(role=content)")).trigger("create").on("click", function(event)	93	pageInstances[pageName].pageLinkElement = $("#pagelink-template").tmpl(pageInstances[pageName]).appendTo($("#home").find(":jqmData(role=content)")).trigger("create").on("click", function(event)
93	{	94	{
94	$.mobile.changePage(pageInstances[pageName].pageElement, "slide");	95	$.mobile.changePage(pageInstances[pageName].pageElement, "slide");
95	event.preventDefault();	96	event.preventDefault();
96	});	97	});
97		98
98		99
99	if (pages[configuration.page] && pages[configuration.page].init)	100	if (pages[configuration.page] && pages[configuration.page].init)
100	{	101	{
101	pages[configuration.page].init(pageInstances[pageName]);	102	pages[configuration.page].init(pageInstances[pageName]);
102	}	103	}
103	});	104	});
104		105
105	$(".ui-page").on("swipeleft", function()	106	$(".ui-page").on("swipeleft", function()
106	{	107	{
107	var nextpage = $(this).nextAll(":jqmData(role=page)");	108	var nextpage = $(this).nextAll(":jqmData(role=page)");
108		109
109	if (nextpage.length > 0)	110	if (nextpage.length > 0)
110	{	111	{
111	$.mobile.changePage($(nextpage[0]), "slide");	112	$.mobile.changePage($(nextpage[0]), "slide");
112	}	113	}
113	});	114	});
114		115
115	$(".ui-page").on("swiperight", function()	116	$(".ui-page").on("swiperight", function()
116	{	117	{
117	var prevpage = $(this).prevAll(":jqmData(role=page)");	118	var prevpage = $(this).prevAll(":jqmData(role=page)");
118		119
119	if (prevpage.length > 0)	120	if (prevpage.length > 0)
120	{	121	{
121	$.mobile.changePage($(prevpage[0]), "slide", true);	122	$.mobile.changePage($(prevpage[0]), "slide", true);
122	}	123	}
123	});	124	});
124	});	125	});
125		126
126	</script>	127	</script>
127	</head>	128	</head>
128		129
129	<body>	130	<body>
130	<div id="home" data-role="page" data-theme="a">	131	<div id="home" data-role="page" data-theme="a">
131	<div data-role="header"><h1>Home Automation Control Center</h1></div>	132	<div data-role="header"><h1>Home Automation Control Center</h1></div>
132	<div data-role="content"></div>	133	<div data-role="content"></div>
133	</div>	134	</div>
134	</body>	135	</body>
135	</html>	136	</html>
136		137

Subversion Repositories HomeAutomation

(root)/trunk/PcSoftware/scripts/Atom1.5-phpExampleClient/light/index.php @ 2080 – Rev 2070 → 2080