X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fwake-on-lan.git;a=blobdiff_plain;f=main.html;h=1446b80fe3497b4880f08ab3b0955fb03528f300;hp=e6942649424a128cd1199cc5523f67f3f72fbc3f;hb=HEAD;hpb=5b4622f661c00e55c8f0b33180f18382e21d7ca3

diff --git a/main.html b/main.html
index e694264..1446b80 100644
--- a/main.html
+++ b/main.html
@@ -7,6 +7,7 @@
 <script src='js/net_error_list.js'></script>
 <script src='js/common.js'></script>
 <script src='js/main.js'></script>
+<script src='js/theme.js'></script>
 <style>
 body {
 	background-color: black;
@@ -19,13 +20,41 @@ input.mac {
 	text-align: center;
 }
 
+select[name=computer] {
+	width: 275px;
+}
+
+input[name=computer_name] {
+	width: 270px;
+}
+
 input[name=port] {
 	text-align: center;
 }
 
+input[name=theme] {
+	text-align: center;
+	position: absolute;
+	top: 3px;
+	left: 3px;
+}
+
 a {
 	color: grey;
 }
+
+.status {
+	font-weight: bold;
+	border: 1px dashed;
+}
+
+span[name=popup_msg] {
+	text-align: center;
+	font-weight: bold;
+	position: absolute;
+	background-color: yellow;
+	border: 1px solid;
+}
 </style>
 </head>
 
@@ -35,60 +64,77 @@ a {
  <a href='https://en.wikipedia.org/wiki/Wake-on-LAN' target='_blank'>
  Wake-On-Lan (WOL) Magic Packet Generator
  </a>
+ <input type='button' name='theme' value='&#9788;'>
 </p>
 
+<span style='display: none' name='popup_msg'></span>
+
 <div class='settings'>
  <form name='settings'>
  <table width='100%'>
+  <tr>
+    <td>
+      Target Computer:
+    </td>
+    <td colspan=3>
+      <select tabindex='1' name='computer'>
+        <option selected value='Default'>Default</option>
+      </select>
+      <input name='computer_name' style='display: none;' placeholder='Enter name &amp; hit Add when done'>
+      <input tabindex='2' type='button' name='add_computer' value='Add'>
+      <input tabindex='3' type='button' name='del_computer' value='Del'>
+    </td>
+  </tr>
   <tr>
    <td>
     <a href='https://en.wikipedia.org/wiki/IP_address' target='_blank'>IP</a>
     /
     <a href='https://en.wikipedia.org/wiki/Hostname' target='_blank'>Hostname</a>:
    </td>
-   <td><input tabindex='1' name='host' value='255.255.255.255' size='40' autofocus></td>
+   <td><input tabindex='4' name='host' value='255.255.255.255' size='40' autofocus></td>
   </tr>
   <tr>
    <td><a href='https://en.wikipedia.org/wiki/MAC_address' target='_blank'>MAC address</a>:</td>
    <td>
     <span name='mac-many'>
-     <input tabindex='2' class='mac' name='mac0' value='20' size='1' maxlength='2'>
-     <input tabindex='3' class='mac' name='mac1' value='00' size='1' maxlength='2'>
-     <input tabindex='4' class='mac' name='mac2' value='00' size='1' maxlength='2'>
-     <input tabindex='5' class='mac' name='mac3' value='00' size='1' maxlength='2'>
-     <input tabindex='6' class='mac' name='mac4' value='00' size='1' maxlength='2'>
-     <input tabindex='7' class='mac' name='mac5' value='00' size='1' maxlength='2'>
+     <input tabindex='5' class='mac' name='mac0' value='20' size='1' maxlength='2'>
+     <input tabindex='6' class='mac' name='mac1' value='00' size='1' maxlength='2'>
+     <input tabindex='7' class='mac' name='mac2' value='00' size='1' maxlength='2'>
+     <input tabindex='8' class='mac' name='mac3' value='00' size='1' maxlength='2'>
+     <input tabindex='9' class='mac' name='mac4' value='00' size='1' maxlength='2'>
+     <input tabindex='10' class='mac' name='mac5' value='00' size='1' maxlength='2'>
     </span>
     <span name='mac-one' hidden>
-     <input tabindex='8' class='mac' name='mac' size='39' maxlength='20'>
+     <input tabindex='11' class='mac' name='mac' size='39' maxlength='20'>
     </span>
-    <a tabindex='9' name='mac-paste' href=''>Paste</a>
+    <a tabindex='12' name='mac-paste' href=''>Paste</a>
    </td>
   </tr>
   <tr>
    <td><a href='https://en.wikipedia.org/wiki/Port_(computer_networking)' target='_blank'>Port</a>:</td>
-   <td><input tabindex='10' type='number' name='port' min='1' max='65535' step='1' value='9'></td>
+   <td><input tabindex='13' type='number' name='port' min='1' max='65535' step='1' value='9'
+              title='Common ports: 0, 7, 9, and 40000'></td>
   </tr>
   <tr>
    <td><a href='https://en.wikipedia.org/wiki/Wake-on-LAN#Security_considerations' target='_blank'>SecureOn</a>:</td>
    <td>
     <span name='pass-many'>
-     <input tabindex='11' class='mac' name='pass0' value='00' size='1' maxlength='2'>
-     <input tabindex='12' class='mac' name='pass1' value='00' size='1' maxlength='2'>
-     <input tabindex='13' class='mac' name='pass2' value='00' size='1' maxlength='2'>
-     <input tabindex='14' class='mac' name='pass3' value='00' size='1' maxlength='2'>
-     <input tabindex='15' class='mac' name='pass4' value='00' size='1' maxlength='2'>
-     <input tabindex='16' class='mac' name='pass5' value='00' size='1' maxlength='2'>
+     <input tabindex='14' class='mac' name='pass0' value='00' size='1' maxlength='2'>
+     <input tabindex='15' class='mac' name='pass1' value='00' size='1' maxlength='2'>
+     <input tabindex='16' class='mac' name='pass2' value='00' size='1' maxlength='2'>
+     <input tabindex='17' class='mac' name='pass3' value='00' size='1' maxlength='2'>
+     <input tabindex='18' class='mac' name='pass4' value='00' size='1' maxlength='2'>
+     <input tabindex='19' class='mac' name='pass5' value='00' size='1' maxlength='2'>
     </span>
     <span name='pass-one' hidden>
-     <input tabindex='17' class='mac' name='pass' size='39' maxlength='20'>
+     <input tabindex='20' class='mac' name='pass' size='39' maxlength='20'>
     </span>
-    <a tabindex='18' name='pass-paste' href=''>Paste</a>
+    <a tabindex='21' name='pass-paste' href=''>Paste</a>
    </td>
   </tr>
   <tr>
    <td colspan=2 align='middle'>
-    <input tabindex='19' type='submit' name='send' value='Send'>
+    <input tabindex='20' type='submit' name='send' value='Send'>
    </td>
   </tr>
  </table>
@@ -97,8 +143,6 @@ a {
 
 <p class='status'>Status: <span name='status'>idle</span></p>
 
-<br>
-
 <p>
 Problems?  Try
 <a href='https://en.wikipedia.org/wiki/Wake-on-LAN#Troubleshooting_magic_packets' target='_blank'>troubleshooting</a>.<br>
@@ -110,6 +154,8 @@ Random tips (applies to all WOL and is not specific to this app):<br>
  <li>WiFi computers often cannot be woken up remotely</li>
  <li>WOL support has to be turned on in the BIOS/OS</li>
  <li>Make sure the MAC address matches the computer</li>
+ <li>A specific IP might be required, or the broadcast address;<br>try using "255" for the last part</li>
+ <li>A specific port might be required; these are the common ones: 0 7 9 40000</li>
  <li>The SecureOn (password) is not supported by many devices;<br>feel free to leave the default value</li>
 </ul>
 </p>