From a34307cece711b22c237cd612d9c5ca237fc3f8c Mon Sep 17 00:00:00 2001
From: Adhidarma Hadiwinoto <me@adhisimon.org>
Date: Tue, 10 Dec 2019 15:43:55 +0700
Subject: [PATCH] WEBADMIN: dekorasi
---
webadmin-views/config.include.addmodem.html | 2 +-
webadmin-views/config.index.html | 69 +++++++++++++----------------
2 files changed, 33 insertions(+), 38 deletions(-)
diff --git a/webadmin-views/config.include.addmodem.html b/webadmin-views/config.include.addmodem.html
index 879acf8..bd8b8a4 100644
--- a/webadmin-views/config.include.addmodem.html
+++ b/webadmin-views/config.include.addmodem.html
@@ -22,7 +22,7 @@
placeholder="Masukkan Prefix pisahkan dengan koma"
>
</div>
- <button type="submit" class="btn btn-primary">Save</button>
+ <button type="submit" class="btn btn-primary">Simpan modem baru</button>
</form>
</div>
</div>
\ No newline at end of file
diff --git a/webadmin-views/config.index.html b/webadmin-views/config.index.html
index 1b25eb2..85467a2 100644
--- a/webadmin-views/config.index.html
+++ b/webadmin-views/config.index.html
@@ -4,14 +4,10 @@
{% for modem in modems %}
-[
- <a href="#modem{{modem.name}}">{{modem.name}}</a>
-]
+ <a href="#modem{{modem.name}}" class="btn btn-sm btn-primary">{{modem.name}}</a>
{% endfor %}
-[
- <a href="#addmodem">Tambah Modem</a>
-]
+<a href="#addmodem" class="btn btn-sm btn-success">Tambah modem...</a>
<br>
@@ -19,9 +15,9 @@
<div id="modem{{modem.name}}"> </div>
<div class="card">
- <div class="card-header bg-info">
- <h3>{{ modem.name }}</3>
- </div>
+ <h5 class="card-header">
+ {{ modem.name }}
+ </h5>
<div class="card-body">
<dl class="row">
@@ -29,16 +25,20 @@
<dd class="col-sm-9">
{% if modem.outgoing %}
{% set newValue = 0 %}
+ {% set btnClass = "btn btn-success" %}
+ {% set btnTitle = "klik disini untuk menonaktifkan outgoing" %}
{% else %}
{% set newValue = 1 %}
+ {% set btnClass = "btn btn-danger" %}
+ {% set btnTitle = "klik disini untuk mengaktifkan outgoing" %}
{% endif %}
- <a href="{{ baseUrl }}/modem/set-outgoing/{{ modem.name | urlencode }}/{{ newValue }}" onclick="return window.confirm('Apakah anda yakin ingin mengubah status outgoing modem {{ modem.name }} menjadi {{ not modem.outgoing }}?');">
+ <a href="{{ baseUrl }}/modem/set-outgoing/{{ modem.name | urlencode }}/{{ newValue }}"
+ class="{{ btnClass }}" title="{{ btnTitle }}"
+ onclick="return window.confirm('Apakah anda yakin ingin mengubah status outgoing modem {{ modem.name }} menjadi {{ not modem.outgoing }}?');">
{{ modem.outgoing }}
</a>
</dd>
- </dl>
- <dl class="row">
<dt class="col-sm-3">IMSI</dt>
<dd class="col-sm-9">
{{ modem.imsi or '-' }}
@@ -46,14 +46,12 @@
<form method="post" action="{{ baseUrl }}/modem/update-imsi" class="form-inline">
<input type="hidden" name="name" value="{{ modem.name | urlencode }}">
<div class="form-group">
- <input type="text" name="imsi" class="form-control" placeholder="Update IMSI">
+ <input type="text" name="imsi" class="form-control" placeholder="imsi baru, misal: 5100xxxxxxxxxxx">
</div>
- <button type="submit" class="btn btn-primary">Save</button>
+ <button type="submit" class="btn btn-primary">Simpan IMSI baru</button>
</form>
</dd>
- </dl>
- <dl class="row">
<dt class="col-sm-3">Prefix</dt>
<dd class="col-sm-9">
{% for prefix_item in modem.prefix %}
@@ -66,44 +64,41 @@
<form method="post" action="{{ baseUrl }}/modem/add-prefix" class="form-inline">
<input type="hidden" name="name" value="{{ modem.name | urlencode }}">
<div class="form-group">
- <input type="text" name="prefix" class="form-control" placeholder="Masukkan prefix baru">
+ <input type="text" name="prefix" class="form-control" placeholder="prefix baru, misal 6281x">
</div>
- <button type="submit" class="btn btn-primary">Save</button>
+ <button type="submit" class="btn btn-primary">Simpan prefix baru</button>
</form>
</dd>
- </dl>
- <dl class="row">
+
<dt class="col-sm-3">Custom Sender</dt>
<dd class="col-sm-9">
<br>
<form method="post" action="{{ baseUrl }}/modem/update-custom-ip">
<input type="hidden" name="name" value="{{ modem.name | urlencode }}">
<div class="form-group">
- <input type="text" name="url" class="form-control" placeholder="Masukkan URL" value="{{ modem.url }}">
+ <input type="text" name="url" class="form-control" placeholder="url: misal http://127.0.0.0:59194/service/sendsms" value="{{ modem.url }}">
</div>
<div class="form-group">
- <input type="text" name="username" class="form-control" placeholder="Masukkan Username" value="{{ modem.username }}">
+ <input type="text" name="username" class="form-control" placeholder="username" value="{{ modem.username }}">
</div>
<div class="form-group">
- <input type="password" name="password" class="form-control" placeholder="Masukkan Password" value="{{ modem.password }}">
+ <input type="password" name="password" class="form-control" placeholder="password" value="{{ modem.password }}">
</div>
- <button type="submit" class="btn btn-primary">Save</button>
+ <button type="submit" class="btn btn-primary">Simpan custom data sender</button>
</form>
</dd>
</dl>
- <dl class="row">
- <dt class="col-sm-3"> </dt>
- <dd class="col-sm-9">
- <form method="post" action="{{ baseUrl }}/modem/delete">
- <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
- <button type="submit" class="btn btn-block btn-danger"
- onclick="return window.confirm('Apakah anda yakin ingin menghapus modem {{ modem.name }}?');"
- >
- Hapus Modem
- </button>
- </form>
- </dd>
- </dl>
+
+ <div class="text-right">
+ <form method="post" action="{{ baseUrl }}/modem/delete">
+ <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
+ <button type="submit" class="btn btn-danger"
+ onclick="return window.confirm('Apakah anda yakin ingin menghapus modem {{ modem.name }}?');"
+ >
+ Hapus Modem
+ </button>
+ </form>
+ </div>
</div>
</div>
<br>
--
1.9.0