| 1 | 9 | unreal | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> |
| 2 | 1 | unreal | |
| 3 | | | <html> |
| 4 | 9 | unreal | <head> |
| 5 | | | <title>Mapstats v4.0 AJAX</title> |
| 6 | | | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| 7 | | | <meta http-equiv="cache-control" content="no-cache" /> |
| 8 | | | <meta http-equiv="pragma" content="no-cache" /> |
| 9 | | | <meta http-equiv="imagetoolbar" content="no" /> |
| 10 | | | <link href="mapstats.css" rel="stylesheet" type="text/css" /> |
| 11 | | | <!--[if lte IE 8]><script type="text/javascript" src="excanvas.compiled.js"></script><![endif]--> |
| 12 | | | <script type="text/javascript" src="mapstats.min.js"></script> |
| 13 | 1 | unreal | </head> |
| 14 | | | |
| 15 | | | <body> |
| 16 | | | |
| 17 | | | <script type="text/javascript"> |
| 18 | | | <!-- |
| 19 | | | |
| 20 | | | // set full resolution (100%) of map (width and height) |
| 21 | 9 | unreal | var full_x = 5420; |
| 22 | | | var full_y = 3696; |
| 23 | 1 | unreal | |
| 24 | | | // set outerDiv resolution (width and height) |
| 25 | 9 | unreal | var inres_x = 685; |
| 26 | 1 | unreal | var inres_y = 500; |
| 27 | | | |
| 28 | | | // set magnifier resolution (width and height) |
| 29 | | | var magres_x = 150; |
| 30 | | | var magres_y = parseInt(full_y / (full_x / magres_x)); |
| 31 | | | |
| 32 | | | // set start position (from left and top) |
| 33 | 9 | unreal | var start_left = 650; |
| 34 | | | var start_top = 165; |
| 35 | 1 | unreal | |
| 36 | | | // set zoom multiple |
| 37 | 9 | unreal | var eq_mini = 0.2; // 20% |
| 38 | | | var eq_medi = 0.5; // 50% |
| 39 | | | var eq_high = 0.7; // 70% |
| 40 | | | var eq_orig = 1; // 100% |
| 41 | 1 | unreal | |
| 42 | | | // set start multiple |
| 43 | | | var start_mul = eq_mini; |
| 44 | | | |
| 45 | | | // set displayed functions |
| 46 | | | var ch_ap = true; |
| 47 | | | var ch_router = true; |
| 48 | | | var ch_node = true; |
| 49 | | | var ch_infopoint = true; |
| 50 | | | var ch_noping = true; |
| 51 | | | var ch_legend = true; |
| 52 | | | var ch_name = true; |
| 53 | 9 | unreal | var ch_ip = false; |
| 54 | 1 | unreal | var ch_status = true; |
| 55 | | | var ch_backbone = true; |
| 56 | | | var ch_client = true; |
| 57 | | | var ch_inp = true; |
| 58 | | | |
| 59 | | | // set source data |
| 60 | | | var nodes = 'name.nodes'; |
| 61 | | | var noping = 'name.noping'; |
| 62 | | | var links = 'name.links'; |
| 63 | | | var infopoints = 'name.infopoints'; |
| 64 | | | var state = 'name.state'; |
| 65 | | | |
| 66 | | | // set colors of links |
| 67 | | | var wifi_client = "rgb(0, 200, 0)"; |
| 68 | | | var wifi_backbone = "rgb(250, 250, 0)"; |
| 69 | | | var eth_100 = "rgb(173, 216, 230)"; |
| 70 | | | var fso = "rgb(190, 0, 0)"; |
| 71 | | | var fso_backup = "rgb(255, 80, 80)"; |
| 72 | | | var ghz5 = "rgb(200, 200, 200)"; |
| 73 | | | var ghz10 = "rgb(255, 255, 255)"; |
| 74 | | | var fiber = "rgb(220, 0, 220)"; |
| 75 | | | var other = "rgb(0, 0, 250)"; |
| 76 | | | |
| 77 | | | // set alpha colors of links |
| 78 | | | var wifi_client_a = "rgba(0, 200, 0, 0.6)"; |
| 79 | | | var wifi_backbone_a = "rgba(250, 250, 0, 0.6)"; |
| 80 | | | var eth_100_a = "rgba(173, 216, 230, 0.6)"; |
| 81 | | | var fso_a = "rgba(190, 0, 0, 0.6)"; |
| 82 | | | var fso_backup_a = "rgba(255, 80, 80, 0.6)"; |
| 83 | | | var ghz5_a = "rgba(200, 200, 200, 0.6)"; |
| 84 | | | var ghz10_a = "rgba(255, 255, 255, 0.6)"; |
| 85 | | | var fiber_a = "rgba(220, 0, 220, 0.6)"; |
| 86 | | | var other_a = "rgba(0, 0, 250, 0.6)"; |
| 87 | | | |
| 88 | | | // set names of links |
| 89 | | | var name1 = "Wifi Client"; |
| 90 | | | var name2 = "Wifi Backbone"; |
| 91 | | | var name3 = "Ethernet"; |
| 92 | | | var name4 = "FSO"; |
| 93 | | | var name5 = "FSO + Backup"; |
| 94 | | | var name6 = "5 GHz"; |
| 95 | | | var name7 = "10 GHz"; |
| 96 | | | var name8 = "Fiber"; |
| 97 | | | var name9 = "Other"; |
| 98 | | | |
| 99 | | | // set name for link in planning (for legend) |
| 100 | | | var inp = "(InP)"; |
| 101 | | | |
| 102 | | | window.onload = function() { |
| 103 | 9 | unreal | loadFiles(); |
| 104 | 1 | unreal | mapInit(start_mul); |
| 105 | 9 | unreal | setCheckboxes(); |
| 106 | | | canvasInit(start_mul); |
| 107 | | | setAutoLoader(); |
| 108 | 1 | unreal | } |
| 109 | | | |
| 110 | | | // --> |
| 111 | | | </script> |
| 112 | | | |
| 113 | | | <!-- main map --> |
| 114 | 9 | unreal | <div id="wrapper"> |
| 115 | | | <div id="map"> |
| 116 | 1 | unreal | <div id="outerDiv"> |
| 117 | | | <div id="zoomPanel"> |
| 118 | 9 | unreal | <div id="zooms"> |
| 119 | | | <!-- zoom 0 --><a id="zoom0" href="javascript:mainMap.setZoom(0)"></a> |
| 120 | | | <!-- zoom 1 --><a id="zoom1" href="javascript:mainMap.setZoom(1)"></a> |
| 121 | | | <!-- zoom 2 --><a id="zoom2" href="javascript:mainMap.setZoom(2)"></a> |
| 122 | | | <!-- zoom 3 --><a id="zoom3" href="javascript:mainMap.setZoom(3)"></a> |
| 123 | 1 | unreal | </div> |
| 124 | 9 | unreal | <div id="translucent"></div> |
| 125 | 1 | unreal | </div> |
| 126 | 9 | unreal | <div id="legend"> |
| 127 | | | <div id="legendcanvas"><canvas id="paintlegend" width="25" height="0"></canvas></div> |
| 128 | | | <div id="mapstats_legend"></div> |
| 129 | | | </div> |
| 130 | 1 | unreal | <div id="innerDiv"> |
| 131 | | | <div id="mapstats"> |
| 132 | 9 | unreal | <div id="paint"></div> |
| 133 | 5 | unreal | <div id="mapstats_wave"></div> |
| 134 | 1 | unreal | <div id="mapstats_infopoint"></div> |
| 135 | | | <div id="mapstats_ip"></div> |
| 136 | | | <div id="mapstats_status"></div> |
| 137 | | | <div id="mapstats_name"></div> |
| 138 | 5 | unreal | <div id="mapstats_points"></div> |
| 139 | 1 | unreal | </div> |
| 140 | 9 | unreal | <div id="mapstats_over"></div> |
| 141 | 1 | unreal | </div> |
| 142 | | | </div> |
| 143 | 9 | unreal | <div class="clr"></div> |
| 144 | 1 | unreal | <div id="underMap"> |
| 145 | | | <div id="resolutionInfo"></div> |
| 146 | 9 | unreal | <div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v4.0 AJAX </a></div> |
| 147 | 1 | unreal | </div> |
| 148 | | | </div> |
| 149 | | | <div id="menuset"> |
| 150 | | | <!-- mini map --> |
| 151 | 9 | unreal | <div class="miniMap"> |
| 152 | | | <div id="miniMapInner"><img src="mini/mini_map.jpg" alt="" border="0" /></div> |
| 153 | | | <div id="magnifier"></div> |
| 154 | 1 | unreal | </div> |
| 155 | 9 | unreal | <div id="infoDiv">0 x 0</div> |
| 156 | | | <div id="checkboxes"> |
| 157 | | | <form action="#" name="form_map"><br/> |
| 158 | | | <input type="checkbox" name="ch_ap" id="ch_ap"/> AP<br/> |
| 159 | | | <input type="checkbox" name="ch_router" id="ch_router"/> Router<br/> |
| 160 | | | <input type="checkbox" name="ch_node" id="ch_node"/> Node<br/> |
| 161 | | | <input type="checkbox" name="ch_infopoint" id="ch_infopoint"/> Infopoint<br/> |
| 162 | | | <input type="checkbox" name="ch_noping" id="ch_noping"/> Client & Switch<br/> |
| 163 | | | <input type="checkbox" name="ch_legend" id="ch_legend"/> Legend<br/><br/> |
| 164 | 1 | unreal | |
| 165 | 9 | unreal | <input type="checkbox" name="ch_name" id="ch_name"/> Name<br/> |
| 166 | | | <input type="checkbox" name="ch_ip" id="ch_ip"/> IP<br/> |
| 167 | | | <input type="checkbox" name="ch_status" id="ch_status"/> Status<br/><br/> |
| 168 | 1 | unreal | |
| 169 | 9 | unreal | <input type="checkbox" name="ch_backbone" id="ch_backbone"/> Backbone links<br/> |
| 170 | | | <input type="checkbox" name="ch_client" id="ch_client"/> Client links<br/> |
| 171 | | | <input type="checkbox" name="ch_inp" id="ch_inp"/> In Planning links<br/><br/> |
| 172 | 1 | unreal | |
| 173 | 9 | unreal | <input type="button" name="apply" id="apply" value="Apply" onclick="javascript:reDraw();"/><br/> |
| 174 | 1 | unreal | </form> |
| 175 | 9 | unreal | </div> |
| 176 | 1 | unreal | </div> |
| 177 | | | </div> |
| 178 | 9 | unreal | <div class="clr"> |
| 179 | | | <br/><strong>Last Update: </strong><span id="mapstats_update"><em>Loading...</em></span> |
| 180 | 1 | unreal | </div> |
| 181 | | | |
| 182 | | | </body> |
| 183 | | | </html> |
