Commit a34307cece711b22c237cd612d9c5ca237fc3f8c

Authored by Adhidarma Hadiwinoto
1 parent 4c4d60718c
Exists in master and in 1 other branch webadmin

WEBADMIN: dekorasi

Showing 2 changed files with 33 additions and 38 deletions Side-by-side Diff

webadmin-views/config.include.addmodem.html
... ... @@ -22,7 +22,7 @@
22 22 placeholder="Masukkan Prefix pisahkan dengan koma"
23 23 >
24 24 </div>
25   - <button type="submit" class="btn btn-primary">Save</button>
  25 + <button type="submit" class="btn btn-primary">Simpan modem baru</button>
26 26 </form>
27 27 </div>
28 28 </div>
29 29 \ No newline at end of file
webadmin-views/config.index.html
... ... @@ -4,14 +4,10 @@
4 4  
5 5  
6 6 {% for modem in modems %}
7   -[
8   - <a href="#modem{{modem.name}}">{{modem.name}}</a>
9   -]
  7 + <a href="#modem{{modem.name}}" class="btn btn-sm btn-primary">{{modem.name}}</a>
10 8 {% endfor %}
11 9  
12   -[
13   - <a href="#addmodem">Tambah Modem</a>
14   -]
  10 +<a href="#addmodem" class="btn btn-sm btn-success">Tambah modem...</a>
15 11  
16 12 <br>
17 13  
... ... @@ -19,9 +15,9 @@
19 15 <div id="modem{{modem.name}}">&nbsp;</div>
20 16  
21 17 <div class="card">
22   - <div class="card-header bg-info">
23   - <h3>{{ modem.name }}</3>
24   - </div>
  18 + <h5 class="card-header">
  19 + {{ modem.name }}
  20 + </h5>
25 21 <div class="card-body">
26 22  
27 23 <dl class="row">
... ... @@ -29,16 +25,20 @@
29 25 <dd class="col-sm-9">
30 26 {% if modem.outgoing %}
31 27 {% set newValue = 0 %}
  28 + {% set btnClass = "btn btn-success" %}
  29 + {% set btnTitle = "klik disini untuk menonaktifkan outgoing" %}
32 30 {% else %}
33 31 {% set newValue = 1 %}
  32 + {% set btnClass = "btn btn-danger" %}
  33 + {% set btnTitle = "klik disini untuk mengaktifkan outgoing" %}
34 34 {% endif %}
35   - <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 }}?');">
  35 + <a href="{{ baseUrl }}/modem/set-outgoing/{{ modem.name | urlencode }}/{{ newValue }}"
  36 + class="{{ btnClass }}" title="{{ btnTitle }}"
  37 + onclick="return window.confirm('Apakah anda yakin ingin mengubah status outgoing modem {{ modem.name }} menjadi {{ not modem.outgoing }}?');">
36 38 {{ modem.outgoing }}
37 39 </a>
38 40 </dd>
39   - </dl>
40 41  
41   - <dl class="row">
42 42 <dt class="col-sm-3">IMSI</dt>
43 43 <dd class="col-sm-9">
44 44 {{ modem.imsi or '-' }}
... ... @@ -46,14 +46,12 @@
46 46 <form method="post" action="{{ baseUrl }}/modem/update-imsi" class="form-inline">
47 47 <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
48 48 <div class="form-group">
49   - <input type="text" name="imsi" class="form-control" placeholder="Update IMSI">
  49 + <input type="text" name="imsi" class="form-control" placeholder="imsi baru, misal: 5100xxxxxxxxxxx">
50 50 </div>
51   - <button type="submit" class="btn btn-primary">Save</button>
  51 + <button type="submit" class="btn btn-primary">Simpan IMSI baru</button>
52 52 </form>
53 53 </dd>
54   - </dl>
55 54  
56   - <dl class="row">
57 55 <dt class="col-sm-3">Prefix</dt>
58 56 <dd class="col-sm-9">
59 57 {% for prefix_item in modem.prefix %}
... ... @@ -66,44 +64,41 @@
66 64 <form method="post" action="{{ baseUrl }}/modem/add-prefix" class="form-inline">
67 65 <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
68 66 <div class="form-group">
69   - <input type="text" name="prefix" class="form-control" placeholder="Masukkan prefix baru">
  67 + <input type="text" name="prefix" class="form-control" placeholder="prefix baru, misal 6281x">
70 68 </div>
71   - <button type="submit" class="btn btn-primary">Save</button>
  69 + <button type="submit" class="btn btn-primary">Simpan prefix baru</button>
72 70 </form>
73 71 </dd>
74   - </dl>
75   - <dl class="row">
  72 +
76 73 <dt class="col-sm-3">Custom Sender</dt>
77 74 <dd class="col-sm-9">
78 75 <br>
79 76 <form method="post" action="{{ baseUrl }}/modem/update-custom-ip">
80 77 <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
81 78 <div class="form-group">
82   - <input type="text" name="url" class="form-control" placeholder="Masukkan URL" value="{{ modem.url }}">
  79 + <input type="text" name="url" class="form-control" placeholder="url: misal http://127.0.0.0:59194/service/sendsms" value="{{ modem.url }}">
83 80 </div>
84 81 <div class="form-group">
85   - <input type="text" name="username" class="form-control" placeholder="Masukkan Username" value="{{ modem.username }}">
  82 + <input type="text" name="username" class="form-control" placeholder="username" value="{{ modem.username }}">
86 83 </div>
87 84 <div class="form-group">
88   - <input type="password" name="password" class="form-control" placeholder="Masukkan Password" value="{{ modem.password }}">
  85 + <input type="password" name="password" class="form-control" placeholder="password" value="{{ modem.password }}">
89 86 </div>
90   - <button type="submit" class="btn btn-primary">Save</button>
  87 + <button type="submit" class="btn btn-primary">Simpan custom data sender</button>
91 88 </form>
92 89 </dd>
93 90 </dl>
94   - <dl class="row">
95   - <dt class="col-sm-3">&nbsp;</dt>
96   - <dd class="col-sm-9">
97   - <form method="post" action="{{ baseUrl }}/modem/delete">
98   - <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
99   - <button type="submit" class="btn btn-block btn-danger"
100   - onclick="return window.confirm('Apakah anda yakin ingin menghapus modem {{ modem.name }}?');"
101   - >
102   - Hapus Modem
103   - </button>
104   - </form>
105   - </dd>
106   - </dl>
  91 +
  92 + <div class="text-right">
  93 + <form method="post" action="{{ baseUrl }}/modem/delete">
  94 + <input type="hidden" name="name" value="{{ modem.name | urlencode }}">
  95 + <button type="submit" class="btn btn-danger"
  96 + onclick="return window.confirm('Apakah anda yakin ingin menghapus modem {{ modem.name }}?');"
  97 + >
  98 + Hapus Modem
  99 + </button>
  100 + </form>
  101 + </div>
107 102 </div>
108 103 </div>
109 104 <br>