6
6
< meta name ="viewport " content ="width=device-width, initial-scale=1 " />
7
7
8
8
< link rel ="stylesheet " href ="jquery.mobile-1.4.2.css " />
9
- <!--<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css" />
10
- <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css" />
11
- <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css" /> -->
12
9
< link rel ="stylesheet " href ="w3.css ">
13
- <!--< link rel="stylesheet" href="https:// fonts.googleapis.com/ css?family=Raleway"> -- >
10
+ < link rel ="stylesheet " href ="google- fonts-raleway. css" >
14
11
< link rel ="stylesheeet " href ="fajs.min.css ">
15
12
< script src ="fontawesome-all.min.js "> </ script >
16
13
< script src ="jquery-1.9.1.js "> </ script >
17
- <!--<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> -->
14
+
18
15
< script type ="text/javascript " src ="qwebchannel.js "> </ script >
19
16
< script type ="text/javascript " src ="core.js "> </ script >
20
17
< script type ="text/javascript " src ="sockets.js "> </ script >
39
36
socket.onopen = function() {
40
37
window.channel = new QWebChannel(socket, function(channel) {
41
38
//connect to the changed signal of a property
42
- console.log("connected to " + window.channel);
39
+ console.log("connected to " + window.channel);
43
40
44
- channel.objects.clientInteraction.requireLogin.connect(function() {
45
- $('#loginDialog').show();
46
- });
41
+ channel.objects.clientInteraction.requireLogin.connect(function() {
42
+ $('#loginDialog').show();
43
+ });
47
44
});
48
45
}
49
46
}
@@ -108,42 +105,42 @@ <h1><b><i class="fa fa-dashboard"></i> <span id="dashboard_site_name"></span></b
108
105
< div class ="w3-row-padding w3-margin-bottom " >
109
106
< div class ="w3-quarter ">
110
107
< div class ="w3-container w3-red w3-padding-16 ">
111
- < div class ="w3-left "> < i class ="fa fa-comment w3-xxxlarge "> </ i > </ div >
112
- < div class ="w3-right ">
113
- < h3 > < span class ="dashboard_comment_count "> </ span > </ h3 >
114
- </ div >
115
- < div class ="w3-clear "> </ div >
108
+ < div class ="w3-left "> < i class ="fa fa-comment w3-xxxlarge "> </ i > </ div >
109
+ < div class ="w3-right ">
110
+ < h3 > < span id ="dashboard_comment_count "> </ span > </ h3 >
111
+ </ div >
112
+ < div class ="w3-clear "> </ div >
116
113
< h4 > Comments</ h4 >
117
114
</ div >
118
115
</ div >
119
116
< div class ="w3-quarter ">
120
117
< div class ="w3-container w3-blue w3-padding-16 ">
121
- < div class ="w3-left "> < i class ="fa fa-eye w3-xxxlarge "> </ i > </ div >
122
- < div class ="w3-right ">
123
- < h3 > 99</ h3 >
124
- </ div >
125
- < div class ="w3-clear "> </ div >
118
+ < div class ="w3-left "> < i class ="fa fa-eye w3-xxxlarge "> </ i > </ div >
119
+ < div class ="w3-right ">
120
+ < h3 > 99</ h3 >
121
+ </ div >
122
+ < div class ="w3-clear "> </ div >
126
123
< h4 > Posts</ h4 >
127
124
</ div >
128
125
</ div >
129
126
< div class ="w3-quarter ">
130
127
< div class ="w3-container w3-teal w3-padding-16 ">
131
- < div class ="w3-left "> < i class ="fa fa-share-alt w3-xxxlarge "> </ i > </ div >
132
- < div class ="w3-right ">
133
- < h3 > 23</ h3 >
134
- </ div >
135
- < div class ="w3-clear "> </ div >
128
+ < div class ="w3-left "> < i class ="fa fa-share-alt w3-xxxlarge "> </ i > </ div >
129
+ < div class ="w3-right ">
130
+ < h3 > 23</ h3 >
131
+ </ div >
132
+ < div class ="w3-clear "> </ div >
136
133
< h4 > Pages</ h4 >
137
134
</ div >
138
135
</ div >
139
136
< div class ="w3-quarter ">
140
137
< div class ="w3-container w3-orange w3-text-white w3-padding-16 ">
141
- < div class ="w3-left "> < i class ="fa fa-users w3-xxxlarge "> </ i > </ div >
142
- < div class ="w3-right ">
143
- < h3 > 50</ h3 >
144
- </ div >
145
- < div class ="w3-clear "> </ div >
146
- < h4 > Users</ h4 >
138
+ < div class ="w3-left "> < i class ="fa fa-users w3-xxxlarge "> </ i > </ div >
139
+ < div class ="w3-right ">
140
+ < h3 > 50</ h3 >
141
+ </ div >
142
+ < div class ="w3-clear "> </ div >
143
+ < h4 > Users</ h4 >
147
144
</ div >
148
145
</ div >
149
146
</ div >
@@ -152,14 +149,14 @@ <h4>Users</h4>
152
149
< div class ="w3-row-padding " style ="margin:0 -16px ">
153
150
< div class ="w3-card-2 " id ="submodule-container ">
154
151
< h5 > Additional Wordpress Tools</ h5 >
155
- < table class ="w3-table w3-white w3-animate-opacity " id ="submodule_selector " >
156
- < tr w3-repeat ="submodules " class ="w3-animate-left w3-hover-lightgray "> < td > < a href ="javascript: set_submodule('{{name}}'); " class ="w3-button w3-padding-2 "> < i class ="fas fa-project-diagram "> </ i > < span class ="w3-large "> {{name}}</ span > </ a > </ td > < td > < span class ="w3-label "> {{description}}</ span > </ td > </ tr >
152
+ < table class ="w3-table w3-white w3-animate-opacity " id ="submodule_selector " >
153
+ < tr w3-repeat ="submodules " class ="w3-animate-left w3-hover-lightgray "> < td > < a href ="javascript: set_submodule('{{name}}'); " class ="w3-button w3-padding-2 "> < i class ="fas fa-project-diagram "> </ i > < span class ="w3-large "> {{name}}</ span > </ a > </ td > < td > < span class ="w3-label "> {{description}}</ span > </ td > </ tr >
157
154
</ table >
158
155
</ div >
159
156
< div class ="w3-card-2 w3-animate-left " id ="command-container ">
160
- < h4 > < a class ="w3-button " href ="javascript: display_all_submodules() " > < span id ="submodule_name "> Previous Menu</ span > </ a > </ h4 >
161
- < table class ="w3-table w3-striped w3-white w3-animate-left " id ="command_selector " >
162
- < tr w3-repeat ="commands " class ="w3-animate-left "> < td > < a href ="javascript: set_command('{{name}}'); " class ="w3-button w3-padding-2 "> < i class ="fa fa-toolbox "> </ i > {{name}}</ a > </ td > < td > {{description}}</ td > </ tr >
157
+ < h4 > < a class ="w3-button " href ="javascript: display_all_submodules() " > < span id ="submodule_name "> Previous Menu</ span > </ a > </ h4 >
158
+ < table class ="w3-table w3-striped w3-white w3-animate-left " id ="command_selector " >
159
+ < tr w3-repeat ="commands " class ="w3-animate-left "> < td > < a href ="javascript: set_command('{{name}}'); " class ="w3-button w3-padding-2 "> < i class ="fa fa-toolbox "> </ i > {{name}}</ a > </ td > < td > {{description}}</ td > </ tr >
163
160
</ table >
164
161
165
162
</ div >
@@ -198,28 +195,28 @@ <h5>General Stats</h5>
198
195
< h5 > Countries</ h5 >
199
196
< table class ="w3-table w3-striped w3-bordered w3-border w3-hoverable w3-white ">
200
197
< tr >
201
- < td > United States</ td >
202
- < td > 65%</ td >
198
+ < td > United States</ td >
199
+ < td > 65%</ td >
203
200
</ tr >
204
201
< tr >
205
- < td > UK</ td >
206
- < td > 15.7%</ td >
202
+ < td > UK</ td >
203
+ < td > 15.7%</ td >
207
204
</ tr >
208
205
< tr >
209
- < td > Russia</ td >
210
- < td > 5.6%</ td >
206
+ < td > Russia</ td >
207
+ < td > 5.6%</ td >
211
208
</ tr >
212
209
< tr >
213
- < td > Spain</ td >
214
- < td > 2.1%</ td >
210
+ < td > Spain</ td >
211
+ < td > 2.1%</ td >
215
212
</ tr >
216
213
< tr >
217
- < td > India</ td >
218
- < td > 1.9%</ td >
214
+ < td > India</ td >
215
+ < td > 1.9%</ td >
219
216
</ tr >
220
217
< tr >
221
- < td > France</ td >
222
- < td > 1.5%</ td >
218
+ < td > France</ td >
219
+ < td > 1.5%</ td >
223
220
</ tr >
224
221
</ table > < br >
225
222
< button class ="w3-button w3-dark-grey "> More Countries < i class ="fa fa-arrow-right "> </ i > </ button >
@@ -229,16 +226,16 @@ <h5>Countries</h5>
229
226
< h5 > Recent Users</ h5 >
230
227
< ul class ="w3-ul w3-card-4 w3-white ">
231
228
< li class ="w3-padding-16 ">
232
- < img src ="/w3images/avatar2.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
233
- < span class ="w3-xlarge "> Mike</ span > < br >
229
+ < img src ="/w3images/avatar2.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
230
+ < span class ="w3-xlarge "> Mike</ span > < br >
234
231
</ li >
235
232
< li class ="w3-padding-16 ">
236
- < img src ="/w3images/avatar5.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
237
- < span class ="w3-xlarge "> Jill</ span > < br >
233
+ < img src ="/w3images/avatar5.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
234
+ < span class ="w3-xlarge "> Jill</ span > < br >
238
235
</ li >
239
236
< li class ="w3-padding-16 ">
240
- < img src ="/w3images/avatar6.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
241
- < span class ="w3-xlarge "> Jane</ span > < br >
237
+ < img src ="/w3images/avatar6.png " class ="w3-left w3-circle w3-margin-right " style ="width:35px ">
238
+ < span class ="w3-xlarge "> Jane</ span > < br >
242
239
</ li >
243
240
</ ul >
244
241
</ div >
@@ -248,45 +245,45 @@ <h5>Recent Users</h5>
248
245
< h5 > Recent Comments</ h5 >
249
246
< div class ="w3-row ">
250
247
< div class ="w3-col m2 text-center ">
251
- < img class ="w3-circle " src ="/w3images/avatar3.png " style ="width:96px;height:96px ">
248
+ < img class ="w3-circle " src ="/w3images/avatar3.png " style ="width:96px;height:96px ">
252
249
</ div >
253
250
< div class ="w3-col m10 w3-container ">
254
- < h4 > John < span class ="w3-opacity w3-medium "> Sep 29, 2014, 9:12 PM</ span > </ h4 >
255
- < p > Keep up the GREAT work! I am cheering for you!! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</ p > < br >
251
+ < h4 > John < span class ="w3-opacity w3-medium "> Sep 29, 2014, 9:12 PM</ span > </ h4 >
252
+ < p > Keep up the GREAT work! I am cheering for you!! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</ p > < br >
256
253
</ div >
257
254
</ div >
258
255
259
256
< div class ="w3-row ">
260
257
< div class ="w3-col m2 text-center ">
261
- < img class ="w3-circle " src ="/w3images/avatar1.png " style ="width:96px;height:96px ">
258
+ < img class ="w3-circle " src ="/w3images/avatar1.png " style ="width:96px;height:96px ">
262
259
</ div >
263
260
< div class ="w3-col m10 w3-container ">
264
- < h4 > Bo < span class ="w3-opacity w3-medium "> Sep 28, 2014, 10:15 PM</ span > </ h4 >
265
- < p > Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</ p > < br >
261
+ < h4 > Bo < span class ="w3-opacity w3-medium "> Sep 28, 2014, 10:15 PM</ span > </ h4 >
262
+ < p > Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</ p > < br >
266
263
</ div >
267
264
</ div >
268
265
</ div >
269
266
< br >
270
267
< div class ="w3-container w3-dark-grey w3-padding-32 ">
271
268
< div class ="w3-row ">
272
269
< div class ="w3-container w3-third ">
273
- < h5 class ="w3-bottombar w3-border-green "> Demographic</ h5 >
274
- < p > Language</ p >
275
- < p > Country</ p >
276
- < p > City</ p >
270
+ < h5 class ="w3-bottombar w3-border-green "> Demographic</ h5 >
271
+ < p > Language</ p >
272
+ < p > Country</ p >
273
+ < p > City</ p >
277
274
</ div >
278
275
< div class ="w3-container w3-third ">
279
- < h5 class ="w3-bottombar w3-border-red "> System</ h5 >
280
- < p > Browser</ p >
281
- < p > OS</ p >
282
- < p > More</ p >
276
+ < h5 class ="w3-bottombar w3-border-red "> System</ h5 >
277
+ < p > Browser</ p >
278
+ < p > OS</ p >
279
+ < p > More</ p >
283
280
</ div >
284
281
< div class ="w3-container w3-third ">
285
- < h5 class ="w3-bottombar w3-border-orange "> Target</ h5 >
286
- < p > Users</ p >
287
- < p > Active</ p >
288
- < p > Geo</ p >
289
- < p > Interests</ p >
282
+ < h5 class ="w3-bottombar w3-border-orange "> Target</ h5 >
283
+ < p > Users</ p >
284
+ < p > Active</ p >
285
+ < p > Geo</ p >
286
+ < p > Interests</ p >
290
287
</ div >
291
288
</ div >
292
289
</ div >
@@ -309,26 +306,26 @@ <h4>FOOTER</h4>
309
306
< div class ="w3-modal-content w3-card-4 w3-animate-zoom " style ="max-width:600px ">
310
307
311
308
< div class ="w3-center "> < br >
312
- < span onclick ="document.getElementById('loginDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> × </ span >
313
- < img src ="img_avatar4.png " alt ="Avatar " style ="width:30% " class ="w3-circle w3-margin-top ">
309
+ < span onclick ="document.getElementById('loginDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> ? </ span >
310
+ < img src ="img_avatar4.png " alt ="Avatar " style ="width:30% " class ="w3-circle w3-margin-top ">
314
311
</ div >
315
312
316
313
< form id ="loginForm " class ="w3-container " action ="javascript:void(0) ">
317
- < div class ="w3-section ">
318
- < label > < b > Username</ b > </ label >
319
- < input class ="w3-input w3-border w3-margin-bottom " type ="text " placeholder ="Enter Username " name ="login " id ="loginname " required >
320
- < label > < b > Password</ b > </ label >
321
- < input class ="w3-input w3-border " type ="password " placeholder ="Enter Password " name ="password " id ="loginpassword " required >
322
- < div style ="text-align:center;padding:5px " id ="loginError ">
323
-
324
- </ div >
314
+ < div class ="w3-section ">
315
+ < label > < b > Username</ b > </ label >
316
+ < input class ="w3-input w3-border w3-margin-bottom " type ="text " placeholder ="Enter Username " name ="login " id ="loginname " required >
317
+ < label > < b > Password</ b > </ label >
318
+ < input class ="w3-input w3-border " type ="password " placeholder ="Enter Password " name ="password " id ="loginpassword " required >
319
+ < div style ="text-align:center;padding:5px " id ="loginError ">
320
+
321
+ </ div >
325
322
< button class ="w3-button w3-block w3-green w3-section w3-padding " type ="submit "> Login</ button >
326
- < input class ="w3-check w3-margin-top " type ="checkbox " checked ="checked "> Remember me
327
- </ div >
323
+ < input class ="w3-check w3-margin-top " type ="checkbox " checked ="checked "> Remember me
324
+ </ div >
328
325
</ form >
329
326
< div class ="w3-container w3-border-top w3-padding-16 w3-light-grey ">
330
- < button onclick ="document.getElementById('loginDialog').style.display='none' " type ="button " class ="w3-button w3-red "> Cancel</ button >
331
- < span class ="w3-right w3-padding w3-hide-small "> Forgot < a href ="# "> password?</ a > </ span >
327
+ < button onclick ="document.getElementById('loginDialog').style.display='none' " type ="button " class ="w3-button w3-red "> Cancel</ button >
328
+ < span class ="w3-right w3-padding w3-hide-small "> Forgot < a href ="# "> password?</ a > </ span >
332
329
</ div >
333
330
334
331
</ div >
@@ -341,7 +338,7 @@ <h4>FOOTER</h4>
341
338
< div class ="w3-modal-content w3-card-4 w3-animate-zoom " style ="max-width:600px ">
342
339
343
340
< div class ="w3-center "> < br >
344
- < span onclick ="document.getElementById('siteDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> × </ span >
341
+ < span onclick ="document.getElementById('siteDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> ? </ span >
345
342
< img src ="img_avatar4.png " alt ="Avatar " style ="width:30% " class ="w3-circle w3-margin-top ">
346
343
</ div >
347
344
@@ -373,7 +370,7 @@ <h4>FOOTER</h4>
373
370
< div class ="w3-modal-content w3-card-4 w3-animate-zoom " style ="max-width:600px ">
374
371
375
372
< div class ="w3-center "> < br >
376
- < span onclick ="document.getElementById('resultDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> × </ span >
373
+ < span onclick ="document.getElementById('resultDialog').style.display='none' " class ="w3-button w3-xlarge w3-transparent w3-display-topright " title ="Close Modal "> ? </ span >
377
374
< img src ="img_avatar4.png " alt ="Avatar " style ="width:30% " class ="w3-circle w3-margin-top ">
378
375
</ div >
379
376
0 commit comments