mirror of
https://github.com/oopuuu/zTC1.git
synced 2025-12-12 04:58:17 +08:00
All Demo
This commit is contained in:
zogodo
@@ -23,7 +23,7 @@
|
||||
<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
|
||||
<header class="demo-header mdl-layout__header">
|
||||
<div class="mdl-layout__header-row">
|
||||
<span class="mdl-layout-title">Home</span>
|
||||
<span class="mdl-layout-title">TC1</span>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
|
||||
<label class="mdl-button mdl-js-button mdl-button--icon" for="search">
|
||||
@@ -63,14 +63,14 @@
|
||||
</header>
|
||||
<nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
|
||||
<a class="mdl-navigation__link mdl-nav-active" href="javascript:ShowPage(1);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>Home</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(2);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">inbox</i>Demo</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(3);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">delete</i>Network Config</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(4);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">report</i>MQTT Config</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(5);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>Timed Task</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(6);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>OTA</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(7);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>System Status</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(8);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>System Log</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(9);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">people</i>Social</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(2);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">inbox</i>Config</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(3);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">delete</i>Timed Task</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(4);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">report</i>System Status</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(5);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>OTA</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(6);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>System Log</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(7);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>XXX</a>
|
||||
<a class="mdl-navigation__link" href="javascript:ShowPage(8);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>XXX</a>
|
||||
<a class="mdl-navigation__link" href="https://getmdl.io/components/index.html" target="_blank"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">people</i>Social</a>
|
||||
</nav>
|
||||
</div>
|
||||
<main class="mdl-layout__content">
|
||||
@@ -155,6 +155,159 @@
|
||||
<div id="ct-chart" class="ct-chart ct-perfect-fourth" style="height:280px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="page page2 mdl-cell demo-card-square mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h2 class="mdl-card__title-text">Network Config</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3">
|
||||
<label class="mdl-textfield__label" for="sample3">SSID</label>
|
||||
</div>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3">
|
||||
<label class="mdl-textfield__label" for="sample3">Password</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a id="demo-show-toast" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
Submit
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
|
||||
<div class="mdl-snackbar__text"></div>
|
||||
<button class="mdl-snackbar__action" type="button">123</button>
|
||||
</div>
|
||||
|
||||
<div class="page page2 mdl-cell demo-card-square mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h2 class="mdl-card__title-text">MQTT Config</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3">
|
||||
<label class="mdl-textfield__label" for="sample3">MQTT Addr</label>
|
||||
</div>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3">
|
||||
<label class="mdl-textfield__label" for="sample3">MQTT Port</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
Submit
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page page3 mdl-cell">
|
||||
<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="mdl-data-table__cell--non-numeric">Material</th>
|
||||
<th>Quantity</th>
|
||||
<th>Unit price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
|
||||
<td>25</td>
|
||||
<td>$2.90</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td>
|
||||
<td>50</td>
|
||||
<td>$1.25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Laminate (Gold on Blue)</td>
|
||||
<td>10</td>
|
||||
<td>$2.35</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="page page4 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h4>
|
||||
Featured event:<br>
|
||||
May 24, 2016<br>
|
||||
7-11pm
|
||||
</h4>
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
Add to Calendar
|
||||
</a>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<i class="material-icons">event</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page page5 mdl-cell demo-card-square mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h2 class="mdl-card__title-text">OTA</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3" value="http://119.23.191.79/tc1/tc1ota.bin">
|
||||
<label class="mdl-textfield__label" for="sample3">OTA Url</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
Submit
|
||||
</a>
|
||||
</div>
|
||||
<div id="p1" class="mdl-progress mdl-js-progress"></div>
|
||||
<script>
|
||||
document.querySelector('#p1').addEventListener('mdl-componentupgraded', function() {
|
||||
this.MaterialProgress.setProgress(44);
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="page page6 mdl-cell demo-card-square mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h2 class="mdl-card__title-text">System Log</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
[1970-01-01 08:00:00][TC1 main.c:47] start version[v1.0.32]
|
||||
[1970-01-01 08:00:01][TC1 main.c:64] str_mac[D0BAE464077B]
|
||||
[1970-01-01 08:00:01][TC1 main.c:95] user:
|
||||
[1970-01-01 08:00:01][TC1 main.c:96] device name:zTC1-077B
|
||||
[1970-01-01 08:00:01][TC1 main.c:97] mqtt_ip:192.168.33.219
|
||||
[1970-01-01 08:00:01][TC1 main.c:98] mqtt_port:1883
|
||||
[1970-01-01 08:00:01][TC1 main.c:99] mqtt_user:
|
||||
[1970-01-01 08:00:01][TC1 main.c:100] mqtt_password:
|
||||
[1970-01-01 08:00:01][TC1 main.c:101] version:6
|
||||
[1970-01-01 08:00:01][WIFI user_wifi.c:135] WifiConnect wifi_ssid[TL-5408] wifi_key[stu@5408]
|
||||
[1970-01-01 08:00:02][MQTT user_mqtt_client.c:104] MQTT client version: [0.1.8]
|
||||
[1970-01-01 08:00:02][POWER user_power.c:75] PowerInit
|
||||
[1970-01-01 08:00:02][HTTP app_httpd.c:423] initializing web-services
|
||||
[1970-01-01 08:00:02][MQTT user_mqtt_client.c:191] MQTT client thread started...
|
||||
[1970-01-01 08:00:03][WIFI user_wifi.c:20] got IP:192.168.33.222
|
||||
[2020-02-22 02:01:39][RTC user_rtc.c:95] sntp success!
|
||||
[2020-02-22 02:03:03][HTTP app_httpd.c:124] HttpGetAssets url[/assets/css_pack.css] file_name[/assets/css_pack.css]
|
||||
[2020-02-22 02:03:03][HTTP app_httpd.c:124] HttpGetAssets url[/assets/js_pack.js] file_name[/assets/js_pack.js]
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
View Updates
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="page page2 demo-charts mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
|
||||
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop">
|
||||
<use xlink:href="#piechart" mask="url(#piemask)" />
|
||||
@@ -242,6 +395,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@@ -351,6 +505,18 @@
|
||||
$(document).ready(function(){
|
||||
GetPowerRecord();
|
||||
})
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
window['counter'] = 0;
|
||||
var snackbarContainer = document.querySelector('#demo-toast-example');
|
||||
var showToastButton = document.querySelector('#demo-show-toast');
|
||||
showToastButton.addEventListener('click', function() {
|
||||
'use strict';
|
||||
var data = {message: 'Example Message # ' + ++counter};
|
||||
snackbarContainer.MaterialSnackbar.showSnackbar(data);
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user