Notifikasi User Expired Hotspot Mikrotik
Notifikasi User Expired Hotspot Mikrotik - Popup Notifikasi User Expired Hotspot Mikrotik, metode ini memungkinkan anda dapat menampilkan sebuah Popup/ munculan di halaman login hotspot pengguna yang sudah Expired/ habis masa aktifnya.
Jadi ketika User/ pengguna sudah Expired, kemudian mereka melakukan login, maka akan muncul sebuah notifikasi berupa Popup yang akan menginformasikan bahwa masa aktif mereka sudah habis.
Metodenya sangat sederhana, cukup menyisipkan HTML dan Javascript berikut ini kedalam Template Login Page Hotspot Mikrotik yang digunakan, tepatnya kedalam tag <body> login.html.
HTML
<div id="modal-notice" class="modal fade" role="dialog" data-backdrop="static">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="text-warning modal-header">
<h4 class="modal-title text-center icon-attention-circled"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> Oops...!!!</h4>
</div>
<div class="modal-body text-danger">
<h4>Hello.. $(username)</h4>
<p>Mohon maaf, masa aktif Kamu telah habis, silahkan melakukan pembayaran jika Kamu ingin memperpanjang masa aktif.</p>
<p>--------------- Atau --------------</p>
<p>Klik <a href="paket.html">DISINI</a> untuk melihat Daftar Harga Paket.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-sm center-block" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
Javascript
<script language="JavaScript">
if(error=="no valid profile found"){
$("#modal-notice").modal('show');
}
var margin=10;
var speed=20;
var times=4;
for(var i=0;i<times;i++){
$("#error").animate({'margin-left':"+="+(margin=-margin)+'px'},speed);
$("#error").animate({'margin-right':"+="+(margin=-margin)+'px'},speed);
$("#error").animate({'margin-right':"+="+(margin=-margin)+'px'},speed);
$("#error").animate({'margin-left':"+="+(margin=-margin)+'px'},speed);
}
</script>Catatan:
- Untuk Edit/ menyisipkan Kode HTML dan Javascript kedalam login.html, bisa menggunakan Notepad++ atau aplikasi sejenisnya.
- Untuk mengelola File seperti Upload/ Copy File dari PC ke Mikrotik dan atau dari Mikrotik ke PC, bisa dilihat pada Akses File MikroTik Melalui WinBox atau Akses File FTP Mikrotik.
Berikut ini contoh Kode HTML dan Javascript yang sudah di sisipkan kedalam login.html menggunakan Notepad++.
Demikian itulah Notifikasi User Expired Hotspot Mikrotik - Popup Notifikasi User Expired Hotspot Mikrotik dan cara membuat pop up di mikrotik, metode ini biasa ditampilkan ke pengguna hotspot untuk mengirim pesan ke user melalui browser di hotspot mikrotik.
Untuk membuat pengumuman di hotspot mikrotik seperti membuat pesan blokir pada halaman web dengan mikrotik, bisa menggunakan script untuk mengganti pesan error di hotspot mikrotik dan metode ini juga bisa dijadikan sebagai salah satu cara mengirim pesan ke pelanggan hotspot dengan mudah.
Lihat juga Mengarahkan User Expired Hotspot ke Halaman Informasi Pemblokiran.
0 komentar:
Post a Comment
Catatan :
Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon