manage.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <?php
  2. include '../../../auth.php';
  3. ?>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <link rel="stylesheet" href="../../../script/tocas/tocas.css">
  9. <script type='text/javascript' src="../../../script/tocas/tocas.js"></script>
  10. <script src="../../../script/jquery.min.js"></script>
  11. <title>WIFI</title>
  12. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  13. </head>
  14. <body>
  15. <div class="ts fluid borderless slate">
  16. <div class="ts segment" style="width:100%;">
  17. <div class="ts header">
  18. Wi-Fi Manager
  19. <div class="sub header">A list of stored WiFi Network Configuration.</div>
  20. </div>
  21. </div>
  22. <div class="ts container">
  23. </div>
  24. </div>
  25. <br>
  26. <div class="ts container">
  27. <div class="ts cards" id="main_wifi">
  28. </div>
  29. </div>
  30. <div class="ts modals dimmer">
  31. <dialog class="ts basic modal" id="modal" style="background-color:white" close>
  32. <div class="header" style="color:black" id="head_modal">
  33. </div>
  34. <div class="content" style="color:black">
  35. <p>WARNING : This action cannot be UNDONE.</p>
  36. <p>Core Network configuration will be changed.</p>
  37. <p></p>
  38. </div>
  39. <div class="actions">
  40. <Button class="ts primary button">Execute</button>
  41. <button class="ts negative button">Cancel</button>
  42. </div>
  43. </dialog>
  44. </div>
  45. <div id="msgbox" class="ts bottom right snackbar">
  46. <div class="content">
  47. Processing...
  48. </div>
  49. </div>
  50. <script>
  51. startup();
  52. var previouswifi;
  53. function startup(){
  54. //Please ADD ALL LOAD ON STARTUP SCRIPT HERE
  55. get();
  56. }
  57. function get(){
  58. var wifi = [];
  59. var i = 0;
  60. $('#main_wifi').html("");
  61. $.getJSON("opr.php?opr=view_wifistorage", function(result){
  62. result.forEach(function(wifi){
  63. $('#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>');
  64. console.log(wifi);
  65. });
  66. });
  67. }
  68. function ask(ssid,act){
  69. ts('#modal').modal({
  70. approve: '.primary',
  71. deny: '.negative',
  72. onDeny: function() {
  73. if(act == "remove"){
  74. msg('Action cancelled');
  75. }else if(act == "preferred"){
  76. msg('Action cancelled');
  77. }
  78. },
  79. onApprove: function() {
  80. if(act == "remove"){
  81. remove(ssid);
  82. }else if(act == "preferred"){
  83. connect(ssid);
  84. }
  85. }
  86. }).modal("show");
  87. $('#head_modal').html($(ssid).attr('ssid'));
  88. }
  89. function remove(ssid){
  90. $.get( "opr.php?opr=remove&ssid=" + $(ssid).attr("ssid") , function() {})
  91. .done(function() {
  92. $.ajax({url:"opr.php?opr=restart",async:false});
  93. msg("Complete");
  94. get();
  95. })
  96. .fail(function() {
  97. msg( "Failed." );
  98. })
  99. }
  100. function connect(ssid){
  101. $.get( "opr.php?opr=top_priority&ssid=" + $(ssid).attr("ssid") , function() {})
  102. .done(function() {
  103. $.ajax({url:"opr.php?opr=restart",async:false});
  104. msg("Complete");
  105. msg('Added Wi-Fi Network.');
  106. window.location.reload();
  107. get();
  108. })
  109. .fail(function() {
  110. msg( "Failed." );
  111. })
  112. }
  113. function msg(content) {
  114. ts('.snackbar').snackbar({
  115. content: content,
  116. actionEmphasis: 'negative',
  117. });
  118. }
  119. </script>
  120. </body>
  121. </html>