ipscan.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="zoraxy.csrf.Token" content="{{.csrfToken}}">
  5. <meta name="apple-mobile-web-app-capable" content="yes" />
  6. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
  7. <meta charset="UTF-8">
  8. <meta name="theme-color" content="#4b75ff">
  9. <link rel="icon" type="image/png" href="./favicon.png" />
  10. <title>IP Scanner | Zoraxy</title>
  11. <link rel="stylesheet" href="../script/semantic/semantic.min.css">
  12. <script src="../script/jquery-3.6.0.min.js"></script>
  13. <script src="../script/semantic/semantic.min.js"></script>
  14. <script src="../script/tablesort.js"></script>
  15. <link rel="stylesheet" href="../main.css">
  16. <script src="../script/utils.js"></script>
  17. <style>
  18. .offlinehost{
  19. display: none;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div class="ui container">
  25. <br>
  26. <div class="ui segment">
  27. <div style="padding: 1em;">
  28. <div class="ui stackable grid">
  29. <div class="eight wide column">
  30. <h4 class="ui dividing header">Scan IP Range</h4>
  31. <div class="ui form">
  32. <div class="field">
  33. <label>Start IP</label>
  34. <input type="text" id="start-ip" name="start-ip">
  35. </div>
  36. <div class="field">
  37. <label>End IP</label>
  38. <input type="text" id="end-ip" name="end-ip">
  39. </div>
  40. <button class="ui basic button scanbtn" id="ip-scan-btn"><i class="blue search icon"></i> Scan</button>
  41. </div>
  42. <br>
  43. </div>
  44. <div class="eight wide column">
  45. <h4 class="ui dividing header">Scan CIDR Range</h4>
  46. <div class="ui form">
  47. <div class="field">
  48. <label>CIDR</label>
  49. <input type="text" id="cidr" name="cidr">
  50. </div>
  51. <button class="ui basic button scanbtn" id="cidr-scan-btn"><i class="blue search icon"></i> Scan</button>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <button class="ui basic button" onclick="toggleOfflineHost();"><i class="grey eye icon"></i>View Offline Hosts</button>
  58. <div class="ui divider"></div>
  59. <br>
  60. <div id="scan-results" style="overflow-x: auto;">
  61. </div>
  62. <br>
  63. <div style="float: right;">
  64. <button class="ui basic button" style="margin-right: 1em;" onclick="window.open('', '_self', ''); window.close();"><i class="ui red remove icon"></i> Close</button>
  65. </div>
  66. <br><br><br>
  67. </div>
  68. <script>
  69. $(document).ready(function() {
  70. $('#ip-scan-btn').click(function(event) {
  71. event.preventDefault();
  72. var start = $('#start-ip').val().trim();
  73. var end = $('#end-ip').val().trim();
  74. if (start === '' || end === '') {
  75. alert('Please enter start and end IP range');
  76. return;
  77. }
  78. if (!isValidIPv4(start) || !isValidIPv4(end)){
  79. alert('Invalid start or end ip address');
  80. return;
  81. }
  82. $(".scanbtn").addClass("disabled");
  83. $("#scan-results").html(`
  84. <div class="ui basic segment" align="center">
  85. <i class="loading spinner icon"></i> Scanning
  86. </div>`);
  87. $.cjax({
  88. url: "/api/tools/ipscan",
  89. data: {start: start, end: end},
  90. method: "POST",
  91. success: function(data){
  92. displayResults(data);
  93. $(".scanbtn").removeClass("disabled");
  94. }
  95. });
  96. });
  97. $('#cidr-scan-btn').click(function(event) {
  98. event.preventDefault();
  99. var cidr = $('#cidr').val().trim();
  100. if (cidr === '') {
  101. alert('Please enter CIDR notation');
  102. return;
  103. }
  104. if (!isValidCIDR(cidr)){
  105. alert("Invalid CIDR notation string given");
  106. return;
  107. }
  108. $(".scanbtn").addClass("disabled");
  109. $("#scan-results").html(`
  110. <div class="ui basic segment" align="center">
  111. <i class="loading spinner icon"></i> Scanning
  112. </div>`);
  113. $.cjax({
  114. url: "/api/tools/ipscan",
  115. method: "POST",
  116. data: {cidr: cidr},
  117. success: function(data) {
  118. displayResults(data);
  119. $(".scanbtn").removeClass("disabled");
  120. }
  121. });
  122. });
  123. function isValidCIDR(str) {
  124. const cidrRegex = /^(\d{1,3}\.){3}\d{1,3}\/\d{1,2}$/;
  125. return cidrRegex.test(str);
  126. }
  127. function isValidIPv4(ip) {
  128. var regex = /^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$/;
  129. if (!regex.test(ip)) {
  130. return false;
  131. }
  132. var parts = ip.split(".");
  133. for (var i = 0; i < parts.length; i++) {
  134. if (parseInt(parts[i], 10) > 255) {
  135. return false;
  136. }
  137. }
  138. return true;
  139. }
  140. function displayResults(data) {
  141. var table = $('<table class="ui celled unstackable table"></table>');
  142. var header = $(`<thead>
  143. <tr>
  144. <th>IP Address</th>
  145. <th>Ping</th>
  146. <th>Hostname</th>
  147. <th>HTTP Detected</th>
  148. <th>HTTPS Detected</th>
  149. <th>Port Scan</th>
  150. </tr>
  151. </thead>`);
  152. table.append(header);
  153. var body = $('<tbody></tbody>');
  154. var offlineHostCounter = 0;
  155. for (var i = 0; i < data.length; i++) {
  156. var classname = "offlinehost";
  157. let hostIsOnline = data[i].Ping >= 0;
  158. if (hostIsOnline){
  159. classname = "onlinehost";
  160. }else{
  161. offlineHostCounter++;
  162. }
  163. var row = $('<tr class="' + classname + '"></tr>');
  164. var status = data[i].Ping >= 0 ? '<i class="green circle icon"></i>' : '<i class="grey circle icon"></i>';
  165. row.append($('<td>' + status + data[i].IP + '</td>'));
  166. row.append($('<td>' + ((data[i].Ping>=0)?data[i].Ping+"ms":"Host Unreachable") + '</td>'));
  167. row.append($('<td>' + data[i].Hostname + '</td>'));
  168. row.append($('<td>' + (data[i].HttpPortDetected ? '<i class="green check icon"></i>' : '') + '</td>'));
  169. row.append($('<td>' + (data[i].HttpsPortDetected ? '<i class="green check icon"></i>' : '') + '</td>'));
  170. row.append($(`<td>${hostIsOnline ? `<button class="ui small basic button" onclick='launchToolWithSize("portscan.html?ip=${data[i].IP}", 1000, 640);'>Scan</button>`:''}</td>`));
  171. body.append(row);
  172. }
  173. if (data.length == 0){
  174. var body = $(`<tbody>
  175. <tr>
  176. <td colspan="5">
  177. <i class="green circle check icon"></i> Discover no devices in given IP range
  178. </td>
  179. </tr>
  180. </tbody>`);
  181. }
  182. if (offlineHostCounter == data.length){
  183. //All offline
  184. var body = $(`<tbody>
  185. <tr>
  186. <td colspan="5">
  187. <i class="green circle check icon"></i> All hosts in given IP range are offline
  188. </td>
  189. </tr>
  190. </tbody>`);
  191. }
  192. table.append(body);
  193. $('#scan-results').empty().append(table);
  194. }
  195. });
  196. function toggleOfflineHost(){
  197. $(".offlinehost").toggle();
  198. }
  199. function launchToolWithSize(url, width, height){
  200. let windowName = Date.now();
  201. window.open(url,'w'+windowName,
  202. `toolbar=no,
  203. location=no,
  204. status=no,
  205. menubar=no,
  206. scrollbars=yes,
  207. resizable=yes,
  208. width=${width},
  209. height=${height}`);
  210. }
  211. </script>
  212. </body>
  213. </html>