Skip to content

Commit 1b6d224

Browse files
syt123450syt123450
committed
add reset button to playground
1 parent 95139be commit 1b6d224

17 files changed

+113
-54
lines changed

‎assets/jslib/tensorspace.min.js

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/imageSelector.css

Lines changed: 3 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
#selectorTrigger {
2-
3-
width: 60%;
4-
height: 40px;
5-
line-height: 40px;
6-
margin-left: 20%;
7-
margin-top: 20px;
8-
text-align: center;
9-
color: #D7FDFF;
10-
background-color: rgba(84, 140, 169, 0.4);
11-
border: 1px solid #4C9BBB;
12-
cursor: pointer;
13-
text-transform: none;
14-
2+
margin-left: 30px;
153
}
164

17-
#selectorTrigger:hover {
18-
background-color: #548CA9;
5+
#resetTrigger {
6+
margin-left: 20px;
197
}
208

219
#selector {

‎css/playground.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,3 +187,28 @@ main {
187187
position: absolute;
188188
right: 5px;
189189
}
190+
191+
.controlButton {
192+
193+
width: 110px;
194+
height: 40px;
195+
line-height: 40px;
196+
margin-top: 20px;
197+
text-align: center;
198+
color: #D7FDFF;
199+
background-color: rgba(84, 140, 169, 0.4);
200+
border: 1px solid #4C9BBB;
201+
cursor: pointer;
202+
text-transform: none;
203+
padding: 0;
204+
205+
}
206+
207+
.controlButton:hover {
208+
background-color: #548CA9;
209+
}
210+
211+
.controlButton > i {
212+
height: 25px;
213+
margin-right: 5px;
214+
}

‎css/playgroundLenet.css

Lines changed: 6 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,16 @@
1515
border-radius: 3px;
1616
}
1717

18+
.controlButton {
19+
width: 102px;
20+
}
21+
1822
#clear {
19-
margin-top: 10px;
20-
width: 224px;
21-
height: 40px;
22-
line-height: 40px;
2323
margin-left: 38px;
24-
font-size: 25px;
25-
color: #D7FDFF;
26-
background-color: rgba(84, 140, 169, 0.4);
27-
border: 1px solid #4C9BBB;
28-
box-sizing: border-box;
29-
text-align: center;
30-
cursor: pointer;
31-
text-transform: none;
3224
}
3325

34-
#clear:hover {
35-
background-color: #548CA9;
26+
#resetTrigger {
27+
margin-left: 20px;
3628
}
3729

3830
#hint {

‎html/playground/alexnet.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,12 @@
128128

129129
<img id="labelImage" src="../../assets/img/playground/beagle.jpg">
130130

131-
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132-
Select an image
131+
<button id="selectorTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
<i class="material-icons">add_photo_alternate</i>Select
133+
</button>
134+
135+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
136+
<i class="material-icons">replay</i>Reset
133137
</button>
134138

135139
<div id="hint">AlexNet thinks its a</div>

‎html/playground/alexnet_zh.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,12 @@
128128

129129
<img id="labelImage" src="../../assets/img/playground/beagle.jpg">
130130

131-
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132-
选择一张图片
131+
<button id="selectorTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
<i class="material-icons">add_photo_alternate</i>选择图片
133+
</button>
134+
135+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
136+
<i class="material-icons">replay</i>重置模型
133137
</button>
134138

135139
<div id="hint">AlexNet认为这是一个</div>

‎html/playground/inceptionv3.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,12 @@
128128

129129
<img id="labelImage" src="../../assets/img/playground/persian.jpg">
130130

131-
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132-
Select an image
131+
<button id="selectorTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
<i class="material-icons">add_photo_alternate</i>Select
133+
</button>
134+
135+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
136+
<i class="material-icons">replay</i>Reset
133137
</button>
134138

135139
<div id="hint">InceptionV3 thinks its a</div>

‎html/playground/inceptionv3_zh.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,12 @@
128128

129129
<img id="labelImage" src="../../assets/img/playground/persian.jpg">
130130

131-
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132-
选择一张图片
131+
<button id="selectorTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
<i class="material-icons">add_photo_alternate</i>选择图片
133+
</button>
134+
135+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
136+
<i class="material-icons">replay</i>重置模型
133137
</button>
134138

135139
<div id="hint">InceptionV3认为这是一个</div>

‎html/playground/lenet.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,12 @@
124124
<canvas id="signature-pad" class="signature-pad" width=224 height=224></canvas>
125125
</div>
126126

127-
<button id="clear" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
128-
Clear
127+
<button id="clear" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
128+
<i class="material-icons">clear</i>Clear
129+
</button>
130+
131+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
<i class="material-icons">replay</i>Reset
129133
</button>
130134

131135
<p id="hint">LeNet thinks you write a</p>

‎html/playground/lenet_zh.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -123,8 +123,12 @@
123123
<canvas id="signature-pad" class="signature-pad" width=224 height=224></canvas>
124124
</div>
125125

126-
<button id="clear" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
127-
清空手写数据
126+
<button id="clear" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
127+
<i class="material-icons">clear</i>清空数据
128+
</button>
129+
130+
<button id="resetTrigger" class="controlButton mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
131+
<i class="material-icons">replay</i>重置模型
128132
</button>
129133

130134
<p id="hint">LeNet认为你刚才写了一个</p>

0 commit comments

Comments
 (0)