| <!DOCTYPE html> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <html> |
| <head> |
| <meta http-equiv="pragma" content="no-cache"/> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| <script type="text/javascript" src="scripts/properties.js" charset="utf-8"></script> |
| <script type="text/javascript" src="scripts/controller.js" charset="utf-8"></script> |
| <title>@widget.shortname@</title> |
| </head> |
| <body onLoad="Controller.init()"> |
| <div data-role="page" data-theme="b" id="home"> |
| |
| <div data-role="header"> |
| <h4>Hello World</h4> |
| <a onClick="Controller.update()" data-role="button" data-icon="refresh" data-iconpos="notext">Refresh</a> |
| <a href="#settings" data-role="button" data-rel="dialog" data-transition="pop" data-icon="gear" data-iconpos="notext">Settings</a> |
| </div> <!-- /header --> |
| |
| <div data-role="content" class="ui-content"> |
| <div data-role="collapsible"> |
| <h3>I'm a header (click me)</h3> |
| <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p> |
| </div> |
| |
| <div data-role="collapsible" data-collapsed="true"> |
| <h3>I'm another header (click me)</h3> |
| <p>I'm not open by default, so you must have clicked on me to see this.</p> |
| </div> |
| |
| <p id="helloMessage"> |
| Hello. (this message will be replaced dynamically by the code). |
| </p> |
| |
| <p>Last Updated: <span id="lastUpdatedTime">00:00:00</span></p> |
| |
| </div><!-- /content --> |
| |
| <!-- |
| <div data-role="footer" data-position="fixed"> |
| <h4>Footer</h4> |
| </div> /footer --> |
| </div><!-- /page --> |
| |
| |
| <div data-role="dialog" id="settings"> |
| |
| <div data-role="header"> |
| <h4>Settings</h4> |
| </div> <!-- /header --> |
| |
| <div data-role="content" class="ui-content" id="settings-content"> |
| <form action="" method="post"> |
| <div data-role="fieldcontain"> |
| <label for="name">Name:</label> |
| <input type="url" name="name" id="name" /> |
| </div> |
| <div data-role="fieldcontain"> |
| <div data-role="button" onClick="Properties.submitForm()">Save</div> |
| <a href="#home" data-transition="pop" data-direction="reverse" data-role="button">Cancel</div> |
| </div> |
| </form> |
| </div><!-- /content --> |
| |
| <!-- |
| <div data-role="footer" data-position="fixed"> |
| <h4>Footer</h4> |
| </div> /footer --> |
| </div><!-- /page --> |
| </body> |
| </html> |