Subversion Repositories HomeAutomation

Rev

Rev 2068 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | SVN | RSS feed

Rev 2068 Rev 2070
Line 28... Line 28...
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-add-back-btn="true" data-theme="a">
 33 
      <div id="page-${name}" data-role="page" data-theme="a">
- 
 
 34 
        <div data-role="header">
- 
 
 35 
          <a href="#" data-icon="left" data-rel="back" data-direction="reverse">Home</a>
34 
        <div data-role="header"><h1>Home Automation Control Center - ${title}</h1></div>
 36 
          <h1>Home Automation Control Center - ${title}</h1>
- 
 
 37 
        </div>
35 
        <div data-role="content"></div>
 38 
        <div data-role="content"></div>
36 
      </div>
 39 
      </div>
37 
    </script>
 40 
    </script>
38 
 
 41 
 
39 
    <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">
40 
      <span>
 43 
      <span>
41 
        <a href="#pagelink?page=${name}" data-role="button">${title}</a>
 44 
        <a href="#" data-role="button">${title}</a>
42 
      </span>
 45 
      </span>
43 
    </script>
 46 
    </script>
44 
 
 47 
 
45 
    <script>
 48 
    <script>
46 
      $.mobile.ignoreContentEnabled = true;
 49 
      $.mobile.ignoreContentEnabled = true;
47 
 
 50 
 
48 
      function sendCommand(command, callback)
 51 
      function sendCommand(command, callback)
49 
      {
 52 
      {
50 
        jQuery.getJSON("backend.php?ajax", { command: command }, callback);
 53 
        jQuery.getJSON("backend.php?ajax", { command: command }, callback);
51 
      }
 54 
      }
52 
    </script>
 55 
    </script>
53 
 
 56 
 
54 
    <script>
 57 
    <script>
55 
      var pages = {};
 58 
      var pages = {};
56 
 
 59 
 
57 
    <?php
 60 
    <?php
Line 75... Line 78...
75 
 
 78 
 
76 
          pageInstances[pageName] = configuration;
 79 
          pageInstances[pageName] = configuration;
77 
 
 80 
 
78 
          pageInstances[pageName].name = pageName;
 81 
          pageInstances[pageName].name = pageName;
79 
 
 82 
 
80 
          pageInstances[pageName].pageLinkElement = $("#pagelink-template").tmpl(pageInstances[pageName]).appendTo($("#home").find(":jqmData(role=content)")).trigger("create");
 - 
 
81 
          pageInstances[pageName].pageElement = $("#page-template").tmpl(pageInstances[pageName]).appendTo($("body")).page();
 83 
          pageInstances[pageName].pageElement = $("#page-template").tmpl(pageInstances[pageName]).appendTo($("body")).page();
82 
          pageInstances[pageName].pageContentElement = pageInstances[pageName].pageElement.find(":jqmData(role=content)");
 84 
          pageInstances[pageName].pageContentElement = pageInstances[pageName].pageElement.find(":jqmData(role=content)");
83 
 
 85 
 
- 
 
 86 
          pageInstances[pageName].pageElement.find(":jqmData(rel=back)").on("click", function(event)
- 
 
 87 
          {
- 
 
 88 
            $.mobile.changePage($("#home"), "slide");
- 
 
 89 
            event.preventDefault();
- 
 
 90 
          });
- 
 
 91 
 
- 
 
 92 
          pageInstances[pageName].pageLinkElement = $("#pagelink-template").tmpl(pageInstances[pageName]).appendTo($("#home").find(":jqmData(role=content)")).trigger("create").on("click", function(event)
- 
 
 93 
          {
- 
 
 94 
            $.mobile.changePage(pageInstances[pageName].pageElement, "slide");
- 
 
 95 
            event.preventDefault();
- 
 
 96 
          });
- 
 
 97 
 
- 
 
 98 
 
84 
          if (pages[configuration.page] && pages[configuration.page].init)
 99 
          if (pages[configuration.page] && pages[configuration.page].init)
85 
          {
 100 
          {
86 
            pages[configuration.page].init(pageInstances[pageName]);
 101 
            pages[configuration.page].init(pageInstances[pageName]);
87 
          }
 102 
          }
88 
        });
 - 
 
89 
      });
 103 
        });
90 
 
 104 
 
91 
      $(document).bind("pagebeforechange", function(e, data)
 105 
        $(".ui-page").on("swipeleft", function()
92 
      {
 106 
        {
- 
 
 107 
          var nextpage = $(this).nextAll(":jqmData(role=page)");
- 
 
 108 
 
93 
        if (typeof data.toPage === "string")
 109 
          if (nextpage.length > 0)
- 
 
 110 
          {
- 
 
 111 
            $.mobile.changePage($(nextpage[0]), "slide");
- 
 
 112 
          }
- 
 
 113 
        });
- 
 
 114 
       
- 
 
 115 
        $(".ui-page").on("swiperight", function()
94 
        {
 116 
        {
95 
          var u = $.mobile.path.parseUrl(data.toPage);
 117 
          var prevpage = $(this).prevAll(":jqmData(role=page)");
96 
          var re = /^#pagelink/;
 - 
 
97 
 
 118 
 
98 
          if (u.hash.search(re) !== -1)
 119 
          if (prevpage.length > 0)
99 
          {
 120 
          {
100 
            var pageName = u.hash.replace(/.*page=/, "");
 - 
 
101 
            var page = $("#page-" + pageName);
 - 
 
102 
 
 - 
 
103 
            if (page)
 - 
 
104 
            {
 - 
 
105 
              data.options.dataUrl = u.href;
 - 
 
106 
 
 - 
 
107 
              $.mobile.changePage(page, data.options);
 121 
            $.mobile.changePage($(prevpage[0]), "slide", true);
108 
            }
 - 
 
109 
 
 - 
 
110 
            e.preventDefault();
 - 
 
111 
          }
 - 
 
112 
        }
 122 
          }
- 
 
 123 
        });
113 
      });
 124 
      });
114 
 
 125 
 
115 
    </script>
 126 
    </script>
116 
  </head>
 127 
  </head>
117 
 
 128