@@ -130,25 +130,60 @@ <h1>CoderBot</h1>
130
130
</ fieldset >
131
131
</ div >
132
132
< div id ="t_wifi " class ="ui-body-d ui-content ">
133
- < fieldset data-role ="controlgroup " data-mini ="true ">
134
- < legend > {% trans %}WiFi mode{% endtrans %}</ legend >
135
- < input type ="radio " name ="wifi_mode " id ="r_wifi_mode_a " value ="ap " {%if config.wifi_mode =='ap '%}checked ="checked "{%endif%} >
136
- < label for ="r_wifi_mode_a "> {% trans %}Access Point{% endtrans %}</ label >
137
- < input type ="radio " name ="wifi_mode " id ="r_wifi_mode_b " value ="client " {%if config.wifi_mode =='client '%}checked ="checked "{%endif%} >
138
- < label for ="r_wifi_mode_b "> {% trans %}Client{% endtrans %}</ label >
139
- </ fieldset >
140
- < legend > WiFi Client mode access data</ legend >
141
- < label for ="i_wifi_ssid "> {% trans %}WiFi name{% endtrans %}</ label >
142
- < input type ="text " id ="i_wifi_ssid " name ="wifi_ssid " value ="{{config.wifi_ssid}} ">
143
- < label for ="i_wifi_psk "> {% trans %}WiFi password{% endtrans %}</ label >
144
- < input type ="text " id ="i_wifi_psk " name ="wifi_psk " value ="{{config.wifi_psk}} ">
145
- < button type ="button " id ="b_wifi_apply " class ="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini "> {% trans %}Apply Wifi config{% endtrans %}</ button >
133
+ < a href ="#popup-wifi " data-rel ="popup " id ="b_wifi_access_mode " class ="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini "> {% trans %}WiFi Client access mode{% endtrans %}</ a >
146
134
</ div >
147
135
< div class ="ui-grid-a ">
148
136
< div class ="ui-block-a "> < a href ="# " data-rel ="close " class ="ui-btn ui-shadow ui-corner-all ui-btn-b ui-mini "> {% trans %}Cancel{% endtrans %}</ a > </ div >
149
- < div class ="ui-block-b "> < button type ="submit " data-rel ="close " class ="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini "> {% trans %}Save{% endtrans %}</ button > </ div >
137
+ < div class ="ui-block-b "> < button type ="submit " id =" b_config_save " data-rel ="close " class ="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini "> {% trans %}Save{% endtrans %}</ button > </ div >
150
138
</ div >
151
139
</ div >
152
140
</ form >
153
141
</ div >
142
+ < div data-role ="popup " id ="popup-wifi " data-history ="false " data-theme ="a " class ="ui-corner-all " data-dismissible ="false " data-position-to ="window ">
143
+ < div style ="padding:10px 20px; ">
144
+ < form class ="config " id ="f_wifi ">
145
+ < h3 > {% trans %}WiFi Client mode access data{% endtrans %}</ h3 >
146
+ < fieldset data-role ="controlgroup " data-mini ="true ">
147
+ < legend > {% trans %}WiFi mode{% endtrans %}</ legend >
148
+ < input type ="radio " name ="wifi_mode " id ="r_wifi_mode_a " value ="ap " {%if config.wifi_mode =='ap '%}checked ="checked "{%endif%} >
149
+ < label for ="r_wifi_mode_a "> {% trans %}Access Point{% endtrans %}</ label >
150
+ < input type ="radio " name ="wifi_mode " id ="r_wifi_mode_b " value ="client " {%if config.wifi_mode =='client '%}checked ="checked "{%endif%} >
151
+ < label for ="r_wifi_mode_b "> {% trans %}Client{% endtrans %}</ label >
152
+ </ fieldset >
153
+ < label for ="i_wifi_ssid "> {% trans %}WiFi name{% endtrans %}</ label >
154
+ < input type ="text " id ="i_wifi_ssid " name ="wifi_ssid " value ="{{config.wifi_ssid}} ">
155
+ < label for ="i_wifi_psk "> {% trans %}WiFi password{% endtrans %}</ label >
156
+ < input type ="text " id ="i_wifi_psk " name ="wifi_psk " value ="{{config.wifi_psk}} ">
157
+ < div class ="ui-grid-a ">
158
+ < div class ="ui-block-a "> < a href ="# " data-rel ="back " class ="ui-btn ui-shadow ui-corner-all ui-btn-b ui-mini "> {% trans %}Cancel{% endtrans %}</ a > </ div >
159
+ < div class ="ui-block-b "> < a href ="# " id ="b_wifi_apply " data-rel ="back " class ="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini "> {% trans %}Apply Wifi config{% endtrans %}</ a > </ div >
160
+ </ div >
161
+ </ form >
162
+ </ div >
163
+ </ div >
164
+ < div data-role ="popup " id ="popup-wifi-ap " data-history ="false " data-theme ="a " class ="ui-corner-all " data-dismissible ="false " data-position-to ="window ">
165
+ < div style ="padding:10px 20px; ">
166
+ < h3 > {% trans %}WiFi AP mode access{% endtrans %}</ h3 >
167
+ < p > Access Point mode is being set:
168
+ < ol >
169
+ < li > Wait 30 seconds</ li >
170
+ < li > Connect your device to the "coderbot" named wifi</ li >
171
+ < li > Click on the following link: < a href ="http://coderbot:8080 "> CoderBot local</ a > </ li >
172
+ </ ol >
173
+ </ p >
174
+ </ div >
175
+ </ div >
176
+ < div data-role ="popup " id ="popup-wifi-client " data-history ="false " data-theme ="a " class ="ui-corner-all " data-dismissible ="false " data-position-to ="window ">
177
+ < div style ="padding:10px 20px; ">
178
+ < h3 > {% trans %}WiFi Client mode access{% endtrans %}</ h3 >
179
+ < p > Client mode is being set:
180
+ < ol >
181
+ < li > Wait 30 seconds</ li >
182
+ < li > Connect your device to your own wifi (wifi network must be connected to internet)</ li >
183
+ < li > Click on the following link: < a href ="http://coderbotsrv.appspot.com "> CoderBot Server</ a > </ li >
184
+ </ ol >
185
+ </ p >
186
+ </ div >
187
+ </ div >
154
188
</ div >
189
+
0 commit comments