Commit 73fe179e0df66959dff43b8087b88718fd7d3b03
1 parent
59c4cc95dc
Exists in
master
select tanggal
Showing 2 changed files with 20 additions and 0 deletions Inline Diff
lib/modem-dashboard/views/date-selector.html
| File was created | 1 | <div class="panel panel-default"> | |
| 2 | <div class="panel-body"> | ||
| 3 | <form class="form-horizontal"> | ||
| 4 | <div class="form-group"> | ||
| 5 | <label for="inputDate" class="col-sm-2 control-label">Tanggal:</label> | ||
| 6 | <div class="col-sm-3"> | ||
| 7 | <input type="date" class="form-control" id="inputDate" placeholder="Tanggal" name="inputDate" value="{{ inputDate }}"> | ||
| 8 | </div> | ||
| 9 | </div> | ||
| 10 | |||
| 11 | <div class="form-group hidden-print"> | ||
| 12 | <div class="col-sm-offset-2 col-sm-10"> | ||
| 13 | <input type="submit" name="submit" value="Submit" class="btn btn-primary"> | ||
| 14 | </div> | ||
| 15 | </div> | ||
| 16 | </form> | ||
| 17 | </div> | ||
| 18 | </div> | ||
| 19 |
lib/modem-dashboard/views/sms.index.html
| 1 | {% extends "template.html" %} | 1 | {% extends "template.html" %} |
| 2 | 2 | ||
| 3 | {% block head %} | 3 | {% block head %} |
| 4 | <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap.min.css"> | 4 | <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap.min.css"> |
| 5 | <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script> | 5 | <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script> |
| 6 | <script type="text/javascript" src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap.min.js"></script> | 6 | <script type="text/javascript" src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap.min.js"></script> |
| 7 | {% endblock %} | 7 | {% endblock %} |
| 8 | 8 | ||
| 9 | {% block content %} | 9 | {% block content %} |
| 10 | 10 | ||
| 11 | {% include "date-selector.html" %} | ||
| 12 | |||
| 11 | <table id="smsHistory" class="display table table-hover table-striped"> | 13 | <table id="smsHistory" class="display table table-hover table-striped"> |
| 12 | <thead> | 14 | <thead> |
| 13 | <tr> | 15 | <tr> |
| 14 | <th>#</th> | 16 | <th>#</th> |
| 15 | <th>Tanggal</th> | 17 | <th>Tanggal</th> |
| 16 | <th>Arah</th> | 18 | <th>Arah</th> |
| 17 | <th>IMSI Modem</th> | 19 | <th>IMSI Modem</th> |
| 18 | <th>Dari/Ke</th> | 20 | <th>Dari/Ke</th> |
| 19 | <th>Pesan</th> | 21 | <th>Pesan</th> |
| 20 | </tr> | 22 | </tr> |
| 21 | </thead> | 23 | </thead> |
| 22 | <tfoot> | 24 | <tfoot> |
| 23 | <tr> | 25 | <tr> |
| 24 | <th>#</th> | 26 | <th>#</th> |
| 25 | <th>Tanggal</th> | 27 | <th>Tanggal</th> |
| 26 | <th>Arah</th> | 28 | <th>Arah</th> |
| 27 | <th>IMSI Modem</th> | 29 | <th>IMSI Modem</th> |
| 28 | <th>Dari / Ke</th> | 30 | <th>Dari / Ke</th> |
| 29 | <th>Pesan</th> | 31 | <th>Pesan</th> |
| 30 | </tr> | 32 | </tr> |
| 31 | </tfoot> | 33 | </tfoot> |
| 32 | </table> | 34 | </table> |
| 33 | 35 | ||
| 34 | <script> | 36 | <script> |
| 35 | $(document).ready(function() { | 37 | $(document).ready(function() { |
| 36 | $('#smsHistory').DataTable( { | 38 | $('#smsHistory').DataTable( { |
| 37 | "ajax": "/sms/datatables", | 39 | "ajax": "/sms/datatables", |
| 38 | "language": { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Indonesian.json" }, | 40 | "language": { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Indonesian.json" }, |
| 39 | "columns": [ | 41 | "columns": [ |
| 40 | { "data": "rowid" }, | 42 | { "data": "rowid" }, |
| 41 | { "data": "created" }, | 43 | { "data": "created" }, |
| 42 | { "data": "direction" }, | 44 | { "data": "direction" }, |
| 43 | { "data": "imsi" }, | 45 | { "data": "imsi" }, |
| 44 | { "data": "partner" }, | 46 | { "data": "partner" }, |
| 45 | { "data": "msg" } | 47 | { "data": "msg" } |
| 46 | ], | 48 | ], |
| 47 | "order": [ | 49 | "order": [ |
| 48 | [1, "desc"] | 50 | [1, "desc"] |
| 49 | ], | 51 | ], |
| 50 | "lengthMenu": [[50, 100, 200, -1], [50, 100, 200, "All"]] | 52 | "lengthMenu": [[50, 100, 200, -1], [50, 100, 200, "All"]] |
| 51 | } ); | 53 | } ); |
| 52 | } ); | 54 | } ); |
| 53 | </script> | 55 | </script> |
| 54 | 56 | ||
| 55 | {% endblock %} | 57 | {% endblock %} |
| 56 | 58 |