Skip to content
This repository has been archived by the owner on Aug 27, 2020. It is now read-only.

Commit

Permalink
client redesign
Browse files Browse the repository at this point in the history
  • Loading branch information
@lzjluzijie
lzjluzijie committed Jul 28, 2018
1 parent 64e3fa0 commit 6463002
Showing 1 changed file with 51 additions and 69 deletions.
120 changes: 51 additions & 69 deletions templates/client/client.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,29 +54,64 @@
</script>
{% endblock %}
{% block body %}
<section class="section">
<div class="container">
<h1 class="title">
WebSocks Client
</h1>
<p class="subtitle">
A secure proxy based on WebSocket.
</p>

</div>
</section>

<section>
<section class="section">
<div class="container">
<div class="columns">
<div class="column">
<div class="column is-6">
<div class="box hero is-info welcome is-small">
<div class="hero-body">
<div class="container">
<h1 class="title">
WebSocks Client
</h1>
<h2 class="subtitle">
A secure proxy based on WebSocket.
</h2>
</div>
</div>
</div>

<div class="box">
<div class="field">
<label class="label" for="ListenAddr">ListenAddr</label>
<div class="control">
<input class="input" type="text" id="ListenAddr" name="ListenAddr" placeholder=":10801">
<input class="input" type="text" id="ListenAddr" name="ListenAddr" placeholder=":10801"
value=":10801">
</div>
</div>
</div>
</div>

<div class="column is-6">
<div class="card">
<div class="card-content">
Running……
<div class="content">
<p class="subtitle">DownloadSpeed: {{ DownloadSpeed }}</p>
<hr>
<p class="subtitle">UploadSpeed: {{ UploadSpeed }}</p>
<hr>
<p class="subtitle">Downloaded: {{ Downloaded }}</p>
<hr>
<p class="subtitle">Uploaded: {{ Uploaded }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section">
<div class="container">
<div class="columns">
<div class="column is-6">

</div>

<div class="column is-6">
<div class="box">
<div class="field">
<label class="label" for="ServerURL">ServerURL</label>
<div class="control">
Expand All @@ -100,66 +135,13 @@ <h1 class="title">
</div>
</div>
</div>
</div>
<div class="column">
<div class="field">
<p class="control">
<button class="button" onclick="Start()">Start</button>
</p>
</div>
<div class="field">
<p class="control">
<button class="button" onclick="Stop()">Stop</button>
</p>
</div>
</div>
</div>
</div>
</section>

<section>
<div class="container">
<div class="box">
<p class="subtitle">Client Stats</p>
<div class="content">
<table>
<thead>
<tr>
<th>
Downloaded
</th>
<th>
Uploaded
</th>
<th>
DownloadSpeed
</th>
<th>
UploadSpeed
</th>
</tr>
</thead>
<tbody>
<tr>
<td id="Downloaded">
0
</td>
<td id="Uploaded">
0
</td>
<td id="DownloadSpeed">
0
</td>
<td id="UploadSpeed">
0
</td>
</tr>
</tbody>
</table>
</div>
</div>

</div>
</section>

<section>
<div class="container">
<div class="box">
Expand Down

0 comments on commit 6463002

Please sign in to comment.