prepare conn-table and notes list building
This commit is contained in:
@@ -29,13 +29,16 @@ async def empty():
|
||||
|
||||
@web_routes.route('/data-fetch')
|
||||
async def data_fetch():
|
||||
return {
|
||||
data = {
|
||||
"update-time": format_datetime(format="medium"),
|
||||
"server-cnt": f"<h3>{Infos.get_counter('ServerMode_Cnt')}</h3>",
|
||||
"client-cnt": f"<h3>{Infos.get_counter('ClientMode_Cnt')}</h3>",
|
||||
"proxy-cnt": f"<h3>{Infos.get_counter('ProxyMode_Cnt')}</h3>",
|
||||
"emulation-cnt": f"<h3>{Infos.get_counter('EmuMode_Cnt')}</h3>",
|
||||
}
|
||||
data["conn-table"] = await render_template('conn_table.html.j2')
|
||||
data["notes-list"] = await render_template('notes_list.html.j2')
|
||||
return data
|
||||
|
||||
|
||||
@web_routes.route('/favicon-96x96.png')
|
||||
|
||||
29
app/src/web/templates/conn_table.html.j2
Normal file
29
app/src/web/templates/conn_table.html.j2
Normal file
@@ -0,0 +1,29 @@
|
||||
<h5>Connections</h5>
|
||||
<table class="w3-table w3-striped w3-bordered w3-border w3-hoverable w3-white">
|
||||
<tr>
|
||||
<th class="w3-hide-large"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>United States</td>
|
||||
<td>65%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>UK</td>
|
||||
<td>15.7%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Russia</td>
|
||||
<td>5.6%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Spain</td>
|
||||
<td>2.1%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>India</td>
|
||||
<td>1.9%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>France</td>
|
||||
<td>1.5%</td>
|
||||
</tr>
|
||||
@@ -52,62 +52,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w3-container">
|
||||
<h5>Countries</h5>
|
||||
<table class="w3-table w3-striped w3-bordered w3-border w3-hoverable w3-white">
|
||||
<tr>
|
||||
<th class="w3-hide-large"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>United States</td>
|
||||
<td>65%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>UK</td>
|
||||
<td>15.7%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Russia</td>
|
||||
<td>5.6%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Spain</td>
|
||||
<td>2.1%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>India</td>
|
||||
<td>1.9%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>France</td>
|
||||
<td>1.5%</td>
|
||||
</tr>
|
||||
</table><br>
|
||||
<button class="w3-button w3-dark-grey">More Countries <i class="fa fa-arrow-right"></i></button>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="w3-container w3-dark-grey w3-padding-32">
|
||||
<div class="w3-row">
|
||||
<div class="w3-container w3-third">
|
||||
<h5 class="w3-bottombar w3-border-green">Demographic</h5>
|
||||
<p>Language</p>
|
||||
<p>Country</p>
|
||||
<p>City</p>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<h5 class="w3-bottombar w3-border-red">System</h5>
|
||||
<p>Browser</p>
|
||||
<p>OS</p>
|
||||
<p>More</p>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<h5 class="w3-bottombar w3-border-orange">Target</h5>
|
||||
<p>Users</p>
|
||||
<p>Active</p>
|
||||
<p>Geo</p>
|
||||
<p>Interests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-container" id="notes-list"></div>
|
||||
<div class="w3-container" id="conn-table"></div>
|
||||
{% endblock content%}
|
||||
|
||||
0
app/src/web/templates/notes_list.html.j2
Normal file
0
app/src/web/templates/notes_list.html.j2
Normal file
Reference in New Issue
Block a user