123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- <?php
- include '../../../auth.php';
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="../../../script/tocas/tocas.css">
- <script type='text/javascript' src="../../../script/tocas/tocas.js"></script>
- <script src="../../../script/jquery.min.js"></script>
- <title>WIFI</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- </head>
- <body>
- <div class="ts fluid borderless slate">
- <div class="ts segment" style="width:100%;">
- <div class="ts header">
- Wi-Fi Manager
- <div class="sub header">A list of stored WiFi Network Configuration.</div>
- </div>
- </div>
- <div class="ts container">
- </div>
- </div>
- <br>
- <div class="ts container">
- <div class="ts cards" id="main_wifi">
- </div>
- </div>
- <div class="ts modals dimmer">
- <dialog class="ts basic modal" id="modal" style="background-color:white" close>
- <div class="header" style="color:black" id="head_modal">
-
- </div>
- <div class="content" style="color:black">
- <p>WARNING : This action cannot be UNDONE.</p>
- <p>Core Network configuration will be changed.</p>
- <p></p>
- </div>
- <div class="actions">
- <Button class="ts primary button">Execute</button>
- <button class="ts negative button">Cancel</button>
- </div>
- </dialog>
- </div>
- <div id="msgbox" class="ts bottom right snackbar">
- <div class="content">
- Processing...
- </div>
- </div>
- <script>
- startup();
- var previouswifi;
- function startup(){
- //Please ADD ALL LOAD ON STARTUP SCRIPT HERE
- get();
- }
- function get(){
- var wifi = [];
- var i = 0;
-
- $('#main_wifi').html("");
- $.getJSON("opr.php?opr=view_wifistorage", function(result){
- result.forEach(function(wifi){
- $('#main_wifi').append('<div class="ts card"><div class="content"><div class="ts medium comments"><div class="comment"><div class="avatar"><i class="big signal icon"></i></div><div class="content"><p class="author">' + wifi["ssid"] + '</p><div class="text">Priority : ' + wifi["priority"] + '</div><div class="actions"><a onclick="ask(this,\'preferred\');" ssid=' + wifi["ssid"] + '>Set as preferred</a><a onclick="ask(this,\'remove\');" ssid=' + wifi["ssid"] + '>Remove</a></div></div></div></div></div></div>');
- console.log(wifi);
-
- });
-
- });
- }
- function ask(ssid,act){
- ts('#modal').modal({
- approve: '.primary',
- deny: '.negative',
- onDeny: function() {
- if(act == "remove"){
- msg('Action cancelled');
- }else if(act == "preferred"){
- msg('Action cancelled');
- }
- },
- onApprove: function() {
- if(act == "remove"){
- remove(ssid);
- }else if(act == "preferred"){
- connect(ssid);
- }
- }
- }).modal("show");
- $('#head_modal').html($(ssid).attr('ssid'));
- }
- function remove(ssid){
- $.get( "opr.php?opr=remove&ssid=" + $(ssid).attr("ssid") , function() {})
- .done(function() {
- $.ajax({url:"opr.php?opr=restart",async:false});
- msg("Complete");
- get();
- })
- .fail(function() {
- msg( "Failed." );
- })
- }
- function connect(ssid){
- $.get( "opr.php?opr=top_priority&ssid=" + $(ssid).attr("ssid") , function() {})
- .done(function() {
- $.ajax({url:"opr.php?opr=restart",async:false});
- msg("Complete");
- msg('Added Wi-Fi Network.');
- window.location.reload();
- get();
- })
- .fail(function() {
- msg( "Failed." );
- })
- }
- function msg(content) {
- ts('.snackbar').snackbar({
- content: content,
- actionEmphasis: 'negative',
- });
- }
- </script>
- </body>
- </html>
|