1
1
< html >
2
-
2
+ < title > neural style board </ title >
3
3
< head >
4
4
<!-- <script src="https://code.highcharts.com/highcharts.js"></script> -->
5
5
17
17
< script src ="/static/stock/highstock.js "> </ script >
18
18
< script src ="/static/stock/modules/exporting.js "> </ script >
19
19
< script src ="/static/stock/themes/dark-unica-nofont.js "> </ script >
20
+ < link rel ="stylesheet " type ="text/css " href ="//cdn.bootcss.com/materialize/0.97.6/css/materialize.min.css "/>
21
+ < script src ="//cdn.bootcss.com/materialize/0.97.6/js/materialize.min.js "> </ script >
20
22
21
23
<!-- Additional files for the Highslide popup effect -->
22
24
< script src ="/static/highslide/highslide-full.min.js "> </ script >
23
25
< script src ="/static/highslide.config.js " charset ="utf-8 "> </ script >
24
26
< link rel ="stylesheet " type ="text/css " href ="/static/highslide/highslide.css "/>
25
27
< script src ="/static/board.js " charset ="utf-8 "> </ script >
28
+
26
29
</ head >
27
30
28
31
< script >
29
- loadjson ( '/result512x512+very-high-learning-rate.json' ) ;
30
- </ script >
32
+ // loadjson('{{static_url("result.json")}}' );
33
+ $ . getJSON ( '/init' , function ( json ) {
34
+ loadjson ( json ) ;
35
+ } )
36
+
37
+ var trained = false ;
38
+ function train ( ) {
39
+ $ . ajax ( '/train' )
40
+ if ( trained ) {
41
+ console . log ( 'pause' ) ;
42
+ $ ( '#train' ) . get ( 0 ) . innerHTML = 'train' ;
43
+ $ ( '#status' ) . get ( 0 ) . innerHTML = 'pause' ;
44
+ trained = false ;
45
+ }
31
46
32
- < div id ="container " style ="height: 90%; width: 100%; min-width: 310px "> </ div >
47
+ else {
48
+ console . log ( 'train' ) ;
49
+ $ ( '#train' ) . get ( 0 ) . innerHTML = 'pause' ;
50
+ $ ( '#status' ) . get ( 0 ) . innerHTML = 'training' ;
51
+ trained = true ;
52
+ }
53
+ }
33
54
34
- < div style =" height: 10%; " >
35
- < button onclick =" toDefault() " style =" height: 50%; margin: 5px; " > Default View </ button >
36
- < button onclick =" toValue() " style =" height: 50%; margin: 5px; " > Value compare view </ button >
37
- < button onclick =" toPercent() " style =" height: 50%; margin: 5px; " > Percent compare view </ button >
38
- < button onclick =" toLogarithmic() " style =" height: 50%; margin: 5px; " > Logarithmic View </ button >
55
+ function stop ( ) {
56
+ $ . ajax ( '/stop' )
57
+ $ ( '#train' ) . get ( 0 ) . innerHTML = 'train' ;
58
+ $ ( '#status' ) . get ( 0 ) . innerHTML = 'stop' ;
59
+ }
39
60
40
- </ div >
61
+ $ ( document ) . ready ( function ( ) {
62
+ $ ( 'select' ) . material_select ( ) ;
63
+ $ ( '#lr' ) . on ( 'change' , function ( e ) {
64
+ $ . post ( 'http://localhost:8000/lr?lr=' + this . value ) ;
65
+ } ) ;
66
+ updater . poll ( ) ;
67
+ } ) ;
68
+
69
+
70
+
71
+ </ script >
72
+ <!--<span id="test" style="padding-left: 240px;"></span>-->
73
+ < ul class ="side-nav fixed ">
74
+ < li style ="text-align: center "> < b > status: < span id ="status "> stop</ span > </ b > </ li >
75
+ < li > < a class ="waves-effect waves-light btn cyan accent-4 white-text " href ="javascript: train() " id ="train "> train</ a > </ li >
76
+ < li > < a class ="waves-effect waves-light btn cyan accent-4 white-text " href ="javascript: stop() " id ="stop "> stop</ a > </ li >
77
+ < li > < a class ="waves-effect waves-light btn cyan accent-4 white-text " href ="javascript: toDefault() "> Default View</ a > </ li >
78
+ < li > < a class ="waves-effect waves-light btn cyan accent-4 white-text " href ="javascript: toValue() "> Value compare View</ a > </ li >
79
+ < li > < a class ="waves-effect waves-light btn cyan accent-4 white-text " href ="javascript: toPercent() "> Percent compare View</ a > </ li >
80
+ <!--<li><a class="waves-effect waves-light btn cyan accent-4 white-text" href="javascript: toLogarithmic()">Logarithmic View</a></li>-->
81
+ <!--<li style="height: 100px;">-->
82
+ < div class ="container ">
83
+ < div class ="row ">
84
+ < div class ="input-field col s12 ">
85
+ < select id ="lr ">
86
+ < option value ="1.0 "> 1.0</ option >
87
+ < option value ="0.3 "> 0.3</ option >
88
+ < option value ="0.1 "> 0.1</ option >
89
+ < option value ="0.1 "> 0.03</ option >
90
+ < option value ="0.1 "> 0.01</ option >
91
+ </ select >
92
+ < label > learning rate</ label >
93
+ </ div >
94
+ </ div >
41
95
42
- < br >
96
+ </ div >
43
97
98
+ <!--</li>-->
99
+ </ ul >
100
+ < div id ="container " style ="height: 100%; width: 100%; min-width: 310px; padding-left: 240px; "> </ div >
44
101
</ html >
0 commit comments