mirror of
https://github.com/oopuuu/zTC1.git
synced 2025-12-12 13:08:13 +08:00
select不工作
This commit is contained in:
zogodo
@@ -5,7 +5,7 @@
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
src: url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
}
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
@@ -308,7 +308,7 @@
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@@ -364,7 +364,7 @@
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@@ -695,28 +695,6 @@ _:-ms-input-placeholder, :root .demo-graph {
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
/* icon.css */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
}
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: 'liga';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
/* zogodo */
|
||||
.page{display:none;}
|
||||
.mdl-nav-active {
|
||||
|
||||
@@ -165,11 +165,16 @@
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<form action="#">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<select id="wifi" onchange="SelectWifi()">
|
||||
<option value="0">Manual</option>
|
||||
</select>
|
||||
<button id="rescan" onclick="Rescan()">Rescan</button>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select">
|
||||
<input type="text" value="" class="mdl-textfield__input" id="sample4" readonly>
|
||||
<input type="hidden" value="" name="sample4">
|
||||
<i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
|
||||
<label for="sample4" class="mdl-textfield__label">Country</label>
|
||||
<ul for="sample4" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
|
||||
<li class="mdl-menu__item" data-val="DEU">Germany</li>
|
||||
<li class="mdl-menu__item" data-val="BLR">Belarus</li>
|
||||
<li class="mdl-menu__item" data-val="RUS">Russia</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" id="sample3">
|
||||
@@ -195,10 +200,6 @@
|
||||
</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">
|
||||
@@ -324,217 +325,88 @@
|
||||
</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)" />
|
||||
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan font-size="0.2" dy="-0.07">%</tspan></text>
|
||||
</svg>
|
||||
<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)" />
|
||||
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan dy="-0.07" font-size="0.2">%</tspan></text>
|
||||
</svg>
|
||||
<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)" />
|
||||
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan dy="-0.07" font-size="0.2">%</tspan></text>
|
||||
</svg>
|
||||
<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)" />
|
||||
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan dy="-0.07" font-size="0.2">%</tspan></text>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="page page2 demo-graphs mdl-shadow--2dp mdl-cell mdl-cell--8-col">
|
||||
<svg fill="currentColor" viewBox="0 0 500 250" class="demo-graph">
|
||||
<use xlink:href="#chart" />
|
||||
</svg>
|
||||
<svg fill="currentColor" viewBox="0 0 500 250" class="demo-graph">
|
||||
<use xlink:href="#chart" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="page page2 demo-cards mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
|
||||
<div class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop">
|
||||
<div class="mdl-card__title mdl-card--expand mdl-color--teal-300">
|
||||
<h2 class="mdl-card__title-text">Updates</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text mdl-color-text--grey-600">
|
||||
Non dolore elit adipisicing ea reprehenderit consectetur culpa.
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a href="#" class="mdl-button mdl-js-button mdl-js-ripple-effect">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="demo-separator mdl-cell--1-col"></div>
|
||||
|
||||
<div class="demo-options mdl-card mdl-color--deep-purple-500 mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
|
||||
<div class="mdl-card__supporting-text mdl-color-text--blue-grey-50">
|
||||
<h3>View options</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<label for="chkbox1" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
|
||||
<input type="checkbox" id="chkbox1" class="mdl-checkbox__input">
|
||||
<span class="mdl-checkbox__label">Click per object</span>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label for="chkbox2" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
|
||||
<input type="checkbox" id="chkbox2" class="mdl-checkbox__input">
|
||||
<span class="mdl-checkbox__label">Views per object</span>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label for="chkbox3" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
|
||||
<input type="checkbox" id="chkbox3" class="mdl-checkbox__input">
|
||||
<span class="mdl-checkbox__label">Objects selected</span>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label for="chkbox4" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
|
||||
<input type="checkbox" id="chkbox4" class="mdl-checkbox__input">
|
||||
<span class="mdl-checkbox__label">Objects viewed</span>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
|
||||
<input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
|
||||
<span class="mdl-switch__label"></span>
|
||||
</label>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
|
||||
<input type="checkbox" id="switch-2" class="mdl-switch__input">
|
||||
<span class="mdl-switch__label"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a href="#" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color-text--blue-grey-50">Change location</a>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<i class="material-icons">location_on</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="position: fixed; left: -1000px; height: -1000px;">
|
||||
<defs>
|
||||
<mask id="piemask" maskContentUnits="objectBoundingBox">
|
||||
<circle cx=0.5 cy=0.5 r=0.49 fill="white" />
|
||||
<circle cx=0.5 cy=0.5 r=0.40 fill="black" />
|
||||
</mask>
|
||||
<g id="piechart">
|
||||
<circle cx=0.5 cy=0.5 r=0.5 />
|
||||
<path d="M 0.5 0.5 0.5 0 A 0.5 0.5 0 0 1 0.95 0.28 z" stroke="none" fill="rgba(255, 255, 255, 0.75)" />
|
||||
</g>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 250" style="position: fixed; left: -1000px; height: -1000px;">
|
||||
<defs>
|
||||
<g id="chart">
|
||||
<g id="Gridlines">
|
||||
<line fill="#888888" stroke="#888888" stroke-miterlimit="10" x1="0" y1="27.3" x2="468.3" y2="27.3" />
|
||||
<line fill="#888888" stroke="#888888" stroke-miterlimit="10" x1="0" y1="66.7" x2="468.3" y2="66.7" />
|
||||
<line fill="#888888" stroke="#888888" stroke-miterlimit="10" x1="0" y1="105.3" x2="468.3" y2="105.3" />
|
||||
<line fill="#888888" stroke="#888888" stroke-miterlimit="10" x1="0" y1="144.7" x2="468.3" y2="144.7" />
|
||||
<line fill="#888888" stroke="#888888" stroke-miterlimit="10" x1="0" y1="184.3" x2="468.3" y2="184.3" />
|
||||
</g>
|
||||
<g id="Numbers">
|
||||
<text transform="matrix(1 0 0 1 485 29.3333)" fill="#888888" font-family="'Roboto'" font-size="9">500</text>
|
||||
<text transform="matrix(1 0 0 1 485 69)" fill="#888888" font-family="'Roboto'" font-size="9">400</text>
|
||||
<text transform="matrix(1 0 0 1 485 109.3333)" fill="#888888" font-family="'Roboto'" font-size="9">300</text>
|
||||
<text transform="matrix(1 0 0 1 485 149)" fill="#888888" font-family="'Roboto'" font-size="9">200</text>
|
||||
<text transform="matrix(1 0 0 1 485 188.3333)" fill="#888888" font-family="'Roboto'" font-size="9">100</text>
|
||||
<text transform="matrix(1 0 0 1 0 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">1</text>
|
||||
<text transform="matrix(1 0 0 1 78 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">2</text>
|
||||
<text transform="matrix(1 0 0 1 154.6667 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">3</text>
|
||||
<text transform="matrix(1 0 0 1 232.1667 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">4</text>
|
||||
<text transform="matrix(1 0 0 1 309 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">5</text>
|
||||
<text transform="matrix(1 0 0 1 386.6667 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">6</text>
|
||||
<text transform="matrix(1 0 0 1 464.3333 249.0003)" fill="#888888" font-family="'Roboto'" font-size="9">7</text>
|
||||
</g>
|
||||
<g id="Layer_5">
|
||||
<polygon opacity="0.36" stroke-miterlimit="10" points="0,223.3 48,138.5 154.7,169 211,88.5
|
||||
294.5,80.5 380,165.2 437,75.5 469.5,223.3 "/>
|
||||
</g>
|
||||
<g id="Layer_4">
|
||||
<polygon stroke-miterlimit="10" points="469.3,222.7 1,222.7 48.7,166.7 155.7,188.3 212,132.7
|
||||
296.7,128 380.7,184.3 436.7,125 "/>
|
||||
</g>
|
||||
</g>
|
||||
</defs>
|
||||
</svg>
|
||||
<script type="text/javascript" src="assets/js_pack.js"></script>
|
||||
<script>
|
||||
var chart_par = document.getElementById("ct-chart-par");
|
||||
|
||||
<!-- <button id="demo-show-toast" class="mdl-button mdl-js-button mdl-button--raised" type="button">Show Toast</button> -->
|
||||
<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
|
||||
<div class="mdl-snackbar__text"></div>
|
||||
<button class="mdl-snackbar__action" type="button"></button>
|
||||
</div>
|
||||
<script>
|
||||
(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: 'Config Success # ' + ++counter};
|
||||
snackbarContainer.MaterialSnackbar.showSnackbar(data);
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
|
||||
|
||||
<script type="text/javascript" src="assets/js_pack.js"></script>
|
||||
<script>
|
||||
var chart_par = document.getElementById("ct-chart-par");
|
||||
chart_par.scrollTo(chart_par.scrollWidth, 0);
|
||||
|
||||
function ShowPage(id) {
|
||||
$(".page").hide();
|
||||
$(".page"+id).show();
|
||||
$(".is-small-screen >> .mdl-layout__drawer-button").click()
|
||||
|
||||
chart_par.scrollTo(chart_par.scrollWidth, 0);
|
||||
|
||||
function ShowPage(id) {
|
||||
$(".page").hide();
|
||||
$(".page"+id).show();
|
||||
$(".is-small-screen >> .mdl-layout__drawer-button").click()
|
||||
$(".mdl-navigation__link").removeClass("mdl-nav-active");
|
||||
$(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
|
||||
}
|
||||
ShowPage(2);
|
||||
|
||||
chart_par.scrollTo(chart_par.scrollWidth, 0);
|
||||
function AjaxErr(re) {
|
||||
//alert(re.status);
|
||||
}
|
||||
|
||||
$(".mdl-navigation__link").removeClass("mdl-nav-active");
|
||||
$(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
|
||||
}
|
||||
ShowPage(1);
|
||||
var data = {
|
||||
series: [
|
||||
[]
|
||||
]
|
||||
};
|
||||
var t = new Chartist.Line('.ct-chart', data, {showArea: true, axisY: {position: 'end'}});
|
||||
var power_idx = 0;
|
||||
var chart_wth = 0;
|
||||
function GetPowerRecord() {
|
||||
$.ajax({
|
||||
url: "/power",
|
||||
type: "POST",
|
||||
data: power_idx.toString(),
|
||||
success: function (re) {
|
||||
re = re.replace(/'/g, '"');
|
||||
var power = JSON.parse(re);
|
||||
power_idx = power.idx + 1;
|
||||
|
||||
function AjaxErr(re) {
|
||||
alert(re.status);
|
||||
}
|
||||
var x = chart_par.scrollWidth - chart_par.offsetWidth - chart_par.scrollLeft;
|
||||
|
||||
var data = {
|
||||
series: [
|
||||
[]
|
||||
]
|
||||
};
|
||||
var t = new Chartist.Line('.ct-chart', data, {showArea: true, axisY: {position: 'end'}});
|
||||
var power_idx = 0;
|
||||
var chart_wth = 0;
|
||||
function GetPowerRecord() {
|
||||
$.ajax({
|
||||
url: "/power",
|
||||
type: "POST",
|
||||
data: power_idx.toString(),
|
||||
success: function (re) {
|
||||
re = re.replace(/'/g, '"');
|
||||
var power = JSON.parse(re);
|
||||
power_idx = power.idx + 1;
|
||||
|
||||
var x = chart_par.scrollWidth - chart_par.offsetWidth - chart_par.scrollLeft;
|
||||
|
||||
power.powers.forEach(element => {
|
||||
data.series[0].push(element/10);
|
||||
});
|
||||
chart_wth += power.powers.length;
|
||||
$("#ct-chart").width(chart_wth * 10);
|
||||
t.update(data);
|
||||
if (power.powers.length != 0 && x < 100) {
|
||||
chart_par.scrollTo(chart_par.scrollWidth, 0);
|
||||
}
|
||||
window.setTimeout(GetPowerRecord, 3000);
|
||||
},
|
||||
error: AjaxErr
|
||||
});
|
||||
}
|
||||
$(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>
|
||||
power.powers.forEach(element => {
|
||||
data.series[0].push(element/10);
|
||||
});
|
||||
chart_wth += power.powers.length;
|
||||
$("#ct-chart").width(chart_wth * 10);
|
||||
t.update(data);
|
||||
if (power.powers.length != 0 && x < 100) {
|
||||
chart_par.scrollTo(chart_par.scrollWidth, 0);
|
||||
}
|
||||
window.setTimeout(GetPowerRecord, 3000);
|
||||
},
|
||||
error: AjaxErr
|
||||
});
|
||||
}
|
||||
$(document).ready(function(){
|
||||
GetPowerRecord();
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user