1<!DOCTYPE html> 2<html lang=""> 3 4<head> 5 <meta charset="utf-8" /> 6 <title>Harris County Flood Warning System</title> 7 <link rel="alternate" type="text/xml" title="Alerts RSS Feed" href="/rss" /> 8 <link href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.common.min.css" 9 rel="stylesheet" /> 10 <link href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.blueopal.min.css" 11 rel="stylesheet" /> 12 <link href="/css/toastr.min.css" rel="stylesheet" /> 13 <link href="/css/guide.css" rel="stylesheet" /> 14 15 <link href="/dist/front.css" media="screen, print" rel="stylesheet" /> 16 17
17<script type="text/javascript" src="https://www.bing.com/api/maps/mapcontrol"></script>
17 18 19
19<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
19 20
20<script src="https://kendo.cdn.telerik.com/2018.3.911/js/kendo.all.min.js" type="text/javascript"></script>
20 21 22 23
23<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/2.3.25/rx.all.min.js"></script>
23 24
24<script src="/js/toastr.min.js"></script>
24 25 26 <!-- Google Tag Manager --> 27
27<script type="text/javascript"> 28 var _gaq = _gaq || [];
vendor: 429 bytes, lines 28-35
28 29 (function(w,d,s,l,i){ 30 w[l]=w[l]||[]; 31 w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 32 var f=d.getElementsByTagName(s)[0], 33 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true; 34 j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 35 })(window, document, 'script', 'dataLayer', '
35GTM-5VR5TF4C
vendor: 15 bytes, lines 35-37
35'); 36 37
37function trackEvent(a) { setTimeout(function () { _gaq.push(a) }, 2E3) }; 38 </script>
38 39 <!-- End Google Tag Manager --> 40
40<script type="text/javascript"> 41 !function (T, l, y) { var S = T.location, k = "script", D = "connectionString", C = "ingestionendpoint", I = "disableExceptionTracking", E = "ai.device.", b = "toLowerCase", w = "crossOrigin", N = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "5", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[b](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, u, p, l; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][b]()] = i[1]) } if (!e[C]) { var r = e.endpointsuffix, o = r ? e.location : null; e[C] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[D] || d[D] || "", u = s[C], p = u ? u + "/v2/track" : d.endpointUrl, (l = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = p, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), l.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, p)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: N, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(N, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(l, p)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(k); n.src = h; var e = y[w]; return !e && "" !== e || "undefined" == n[w] || (n[w] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(k)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[I] && !0 !== s[I]) { var c = "onerror"; t(["_" + c]); var u = T[c]; T[c] = function (e, t, n, a, i) { var r = u && u(e, t, n, a, i); return !0 !== r && m["_" + c]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); function a() { y.onInit && y.onInit(n) } (T[t] = n).queue && 0 === n.queue.length ? (n.queue.push(a), n.trackPageView({})) : a() }(window, document, { 42 src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source 43 // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied 44 // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout, 45 // useXhr: 1, // Use XHR instead of fetch to report failures (if available), 46 crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag 47 // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called) 48 cfg: { // Application Insights Configuration 49 connectionString: 'InstrumentationKey=35cee3d7-53ae-46e9-98a8-9a04ef83ea66;IngestionEndpoint=https://southcentralus-0.in.applicationinsights.azure.com/;LiveEndpoint=https://southcentralus.livediagnostics.monitor.azure.com/' 50 /* ...Other Configuration Options... */ 51 } 52 }); 53 </script>
53 54 55 56
56<script type="text/javascript"> 57 var indexPageModel = {"BingMapCredentials":"AsR4cerps73izxRJuPGvCjWgEbojbHYECFkSuQfLUFrwiJz4M9uPFPXqT_jifwE9","BingAddressLocator":"https://dev.virtualearth.net/REST/v1/Locations/","CountiesLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/Counties2/MapServer","WatershedLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/SJRA_Watersheds/MapServer","WatershedOpacity":"0.5","ChannelsLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/Channels_WM/MapServer","MajorChannelsLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/HCFCD_TSARP_CAP_Major_Channels/MapServer","InundationURL":"https://inundation.hcfcd.org/api/","ChannelsOpacity":"0.5","InundationOpacity":"0.95","InundationEnabled":true,"Regions":[{"PK_Region":0,"RegionName":"ALL","Window":"0,0,0,0,0","IsSubscriptionAllowed":null},{"PK_Region":3,"RegionName":"Brazoria Drainage District No. 4","Window":"3,-95.4369000,29.4694000,-95.2336080,29.5869170","IsSubscriptionAllowed":null},{"PK_Region":24,"RegionName":"City of Friendswood","Window":"24,-95.2063240,29.4920130,-95.1787040,29.5245110","IsSubscriptionAllowed":null},{"PK_Region":25,"RegionName":"City of League City","Window":"25,-95.1616820,29.4469900,-95.0166530,29.5274566","IsSubscriptionAllowed":null},{"PK_Region":26,"RegionName":"City of Missouri City","Window":"26,-95.5555580,29.5861410,-95.5045000,29.6349000","IsSubscriptionAllowed":null},{"PK_Region":21,"RegionName":"City of Mont Belvieu","Window":"21,-94.8696280,29.8199510,-94.8386760,29.8384840","IsSubscriptionAllowed":null},{"PK_Region":4,"RegionName":"City of Sugar Land","Window":"4,-95.7016700,29.5496000,-95.5770882,29.6550000","IsSubscriptionAllowed":null},{"PK_Region":10,"RegionName":"Fort Bend County","Window":"10,-96.0213300,29.3191230,-95.4472200,29.7577510","IsSubscriptionAllowed":null},{"PK_Region":22,"RegionName":"Galveston County Drainage District No. 1","Window":"22,-95.1684500,29.3092750,-95.0759030,29.4420700","IsSubscriptionAllowed":null},{"PK_Region":1,"RegionName":"Harris County Flood Control District","Window":"1,-95.9459390,29.4672000,-94.8929750,30.3469440","IsSubscriptionAllowed":null},{"PK_Region":14,"RegionName":"San Jacinto River Authority","Window":"14,-95.8170670,30.2464610,-95.1202800,30.7034580","IsSubscriptionAllowed":null},{"PK_Region":18,"RegionName":"Trinity River Authority","Window":"18,-95.7058000,30.6258000,-95.0129400,31.0947800","IsSubscriptionAllowed":null},{"PK_Region":19,"RegionName":"TXDOT","Window":"19,-96.0799969,28.9417802,-94.4955162,30.4421000","IsSubscriptionAllowed":null},{"PK_Region":23,"RegionName":"Waller County","Window":"23,-96.0914590,29.7812000,-95.9316000,30.0923000","IsSubscriptionAllowed":null},{"PK_Region":20,"RegionName":"Woodlands","Window":"20,-95.5833366,30.1121800,-95.4600706,30.2336884","IsSubscriptionAllowed":null}],"TimeSpan":[{"PK_Period":1,"PeriodName":"15 Mins"},{"PK_Period":2,"PeriodName":"30 Mins"},{"PK_Period":3,"PeriodName":"1 Hour"},{"PK_Period":4,"PeriodName":"3 Hours"},{"PK_Period":5,"PeriodName":"6 Hours"},{"PK_Period":6,"PeriodName":"12 Hours"},{"PK_Period":7,"PeriodName":"24 Hours"},{"PK_Period":8,"PeriodName":"2 Days"},{"PK_Period":9,"PeriodName":"7 Days"},{"PK_Period":10,"PeriodName":"1 Month"},{"PK_Period":12,"PeriodName":"1 Year"}],"DefaultRegions":[],"DefaultRegionWindow":"1,-95.9459390,29.4672000,-94.8929750,30.3469440","SelectedTimeSpan":7,"SelectedFeature":"rainfall","IsHistorical":false,"EndDate":null,"Interval":1,"Unit":"dd","UserHandle":"","HelpVideo":null,"DataUnavailablePartialViewModel":{"DataUnavailableMessage":"The Flood Warning System is currently unable to display the most recent rainfall...","LastUpdatedDate":"0001-01-01T00:00:00"}}; 58 indexPageModel.appPath = '/'; 59 60 function getParameterByName(name) { 61 62 var regexS, regex, results; 63 64 name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); 65 regexS = "[\\?&]" + name + "=([^&#]*)"; 66 regex = new RegExp(regexS); 67 results = regex.exec(window.location.href); 68 69 if (results === null) { 70 return ""; 71 } 72 73 return decodeURIComponent(results[1].replace(/\+/g, " "));
74 } 75 $(document).ready(function () { 76 var success = false; 77 if (success == true && performance.navigation.type != 2) { 78 toastr.options.timeOut = 2500; 79 toastr.options.positionClass = "toast-top-right"; 80 81 } 82 }); 83 84 </script>
84 85 86
86<script src="/dist/guide.js"></script>
86 87
87<script src="/dist/mapjs.js"></script>
87 88</head> 89 90<body> 91 92 <!-- Google Tag Manager (noscript) --> 93 <noscript> 94 <iframe src=https://www.googletagmanager.com/ns.html?id= GTM-5VR5TF4C 95 height="0" width="0" style="display:none;visibility:hidden"></iframe> 96 </noscript> 97 <!-- End Google Tag Manager (noscript) --> 98 99 <div id="main-content"> 100 <div class="mainHeader mapHeader"> 101 <div class="noDisplay"> 102 <div id="printHCFCDLogo"><img id="Img1" alt="HCFCD Logo" 103 src="/Images/imageSprite.png" /></div> 104 <div id="printFWSLogo"><img id="Img2" alt="FWS Logo" src="/Images/imageSprite.png" /> 105 </div> 106 </div> 107 </div> 108 <div id="mainBanner" class="noPrint"> 109 <div style="margin-left:250px; padding-top: 5px; min-width: 625px; margin-right: 40px"> 110 <div style="height: 70px; margin:0 20px; width: 100%"> 111 <!-- LOGIN/REGISTER link moved to right main banner, keeping this div to maintain grid structure here --> 112 </div> 113 <div style="width:250px;"> 114 <div id="alertsContainer"></div> 115 116 </div> 117 <div> 118 119 120 121<link href="/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 122<style> 123 .k-menu.k-header { 124 background-color: transparent; 125 } 126 127 .k-menu .k-popup { 128 background-color: #0c5480; 129 } 130 131 .k-menu .k-item { 132 color: white; 133 } 134 135 .k-popup .k-item { 136 /*cursor: default;*/ 137 } 138 139 .k-menu .k-link:link { 140 color: white; 141 } 142 143 .k-menu .k-state-hover > .k-state-active { 144 background-color: #0c5480; 145 } 146
147 .k-mediaplayer-toolbar .k-button.k-bare:active, 148 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active, 149 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover { 150 color: white; 151 } 152 153 .k-menu .k-state-selected > .k-link { 154 color: #555555; 155 background-color: #555555; 156 border-color: #585858; 157 } 158 159 .k-menu .k-link { 160 color: white; 161 } 162 163 .k-menu .k-link.k-state-active { 164 background-color: #0c5480; 165 border-color: #a3d0e4; 166 color: white; 167 } 168 169 #fws-menu .k-link.k-state-active { 170 background-color: #0c5480; 171 border-color: #a3d0e4; 172 color: white; 173 } 174 175 176 .k-menu .k-link.k-state-active .k-animation-container ul { 177 background-color: #0c5480; 178 border-color: #5a5a5a; 179 color: white; 180 } 181 182 .k-menu .k-state-hover > .k-link, 183 .k-menu .k-menu-scroll-button:hover { 184 color: white; 185 background-color: #555555; /*#0c5480; set this on k-animation-container 2nd child */ 186 border-color: #585858; 187 background-image: none; 188 } 189 190 #fws-menu { 191 border: 0; 192 background-image: none; 193 font: bold 12px helvetica; 194 } 195 196 #loginMenu { 197 position: absolute; 198 top: 8px; 199 right: 140px; 200 } 201 202 .k-menu-horizontal > .k-item.k-last { 203 border: 0; 204 } 205 206 .newMenuItem::before { 207 content: "New"; 208 position: absolute; 209 top: -4px; 210 right: 3px; 211 font: bold 11px helvetica; 212 color: #fbb047; 213 } 214 215 ul .k-group.k-menu-group.k-popup.k-reset li { 216 } 217 218 .sprite.login { 219 background-position: -755px -133px; 220 width: 14px; 221 height: 18px; 222 } 223 224 .sprite.profile { 225 background-position: -774px -133px; 226 width: 15px; 227 height: 19px; 228 } 229 230 #fws-menu:nth-child(2) .k-animation-container ul li, 231 #fws-menu:nth-child(2) .k-animation-container ul li a:hover, 232 #fws-menu:nth-child(2) .k-animation-container ul li:active span 233 /* Alerts dropdown set hover to #0c5480 */ { 234 background-color: #0c5480; 235 } 236 237 #fws-menu:nth-child(2) .k-animation-container ul li a { 238 margin-top: 6px; 239 float: left; 240 background-color: #0c5480; 241 overflow: hidden; 242 /*border: 1px solid green;*/ 243 } 244 245 #template img { 246 margin: 0; 247 float: left; 248 } 249 250 #template { 251 position: relative; 252 float: left; 253 display: block; 254 width: 376px; 255 padding: 0px 30px 20px 40px; 256 margin: -2px -20.5px 0 -9.5px; /* key margin settings to prevent display of grey background on parent li */ 257 overflow-y: hidden; 258 box-sizing: border-box; 259 background-color: #0c5480; 260 font: bold 12px Helvetica; 261 cursor: default; 262 /*border: 1px solid red;*/ 263 } 264 265 #template ul { 266 position: relative; 267 float: left; 268 list-style-type: none; 269 display: inline-block; 270 margin: 0; 271 padding: 0; 272 padding-top: 10px; 273 margin-top: -4px; 274 margin-bottom: 20px; 275 width: 98%; 276 background-color: #0c5480; 277 font: bold 12px Helvetica; 278 /*border: 2px solid pink;*/ 279 } 280 281 #template ul li { 282 position: relative; 283 float: left; 284 display: block; 285 height: 38px; 286 line-height: 1.2em; 287 background-color: #0c5480; 288 color: white; 289 margin: 0; 290 padding: 0; 291 width: 99%; 292 cursor: default; 293 box-sizing: border-box; 294 /*border: 1px solid yellow;*/ 295 } 296 297 #template ul li span { 298 position: relative; 299 float: left; 300 display: block; 301 background-color: #0c5480; 302 } 303 304 #template ul li a, #template ul li, #template h3 { 305 text-decoration: none; 306 outline: none; 307 line-height: 1.3em; 308 color: #FFF; 309 background-color: #0c5480; 310 /*text-shadow: 1px 1px 1px #000;*/ 311 } 312 313 #template ul li a { 314 color: #FFF; 315 /*text-shadow: 1px 1px 1px #000;*/ 316 cursor: unset; 317 cursor: pointer; 318 } 319 320 #template ul li a { 321 font-family: 11px Helvetica, sans-serif bold; 322 } 323 324 #template ul li a:hover h3 { 325 color: #fbb047; 326 } 327 328 #template:after { 329 content: "."; 330 display: block; 331 height: 0; 332 clear: both; 333 visibility: hidden; 334 } 335 336 #template .k-button { 337 float: left; 338 clear: left; 339 margin: 5px 0 5px 12px; 340 } 341</style> 342 343 344 345<ul class="navbar-nav mr-auto" id="fws-menu" style="position:absolute;z-index:70001"></ul>
346<script> 347 var baseReturnUrl = "/"; 348 var qParams = ""; 349 if (qParams != null && qParams != "" && qParams.indexOf("returnUrl") == -1) 350 { 351 qParams = qParams.replace("+", " ").replace("&", "%26"); 352 baseReturnUrl = baseReturnUrl + "?" + qParams; 353 } 354 355 function LoginRegister(reg){ 356 var rUrl = "/" + window.location.search; 357 var CurUrl = window.location.pathname.split("/"); 358 var controller = CurUrl[1]; 359 history.pushState("CurrentUrl",controller, rUrl); 360 if (reg === 1) 361 window.location.replace("/Account/Register?returnUrl=" + encodeURIComponent(rUrl + '&nr=y')); 362 else 363 window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(rUrl)); 364 } 365 $(document).ready(function () { 366 367 var isLogedIn = false; 368 var userHandle = ''; 369 var signupSubMenu1 = "<h3 style='margin-bottom: 5px;'><span style='color: #fbb047'>NEW! FWS now has Alerts! </span> <br />Get Rainfall or Water Level alerts <br />by text or email.</h3>"; 370 var createAccount = "<a href='javascript:LoginRegister(1);'><h3><i class='fa fa-user-circle'></i> Create an account</h3></a>"; 371 var login = "<a href='javascript:LoginRegister(0);'><h3><i class='fa fa-sign-in' aria-hidden='true'></i> Login</h3></a>"; 372 var haveQuetion = "<a href='/FAQs'><h3><i class='fa fa-question-circle'></i> Have questions?</h3></a>"; 373 var siteSignUp = "<a href='/MultiGauge'><h3><i class='fa fa-exclamation-triangle'></i> Click Here for Site Sign Up</h3></a>"; 374 375 var signupSubMenu2 = isLogedIn ? "<li>" + siteSignUp + "</li>" : "<li>" + createAccount + "</li>" + "<li>" + login + "</li>"; 376 var qString = 'redirect_uri=' + 'https://www.harriscountyfws.org/' + '&callback_uri=' + 'https://www.harriscountyfws.org/'; 377 var editProfileUrl = 'https://cloudidentity.harriscountytx.gov' + '/Account/EditProfile?returnUrl=' + encodeURIComponent(qString); 378 379 var mainMenuConfig = [ 380 { text: "FWS MAP", url: "/" }, 381 { 382 spriteCssClass: "newMenuItem", 383 text: "ALERTS SIGNUP", 384 url: "/MultiGauge", 385 items: [ 386 { text: "<div id='template' style='letter-spacing: 1.5px'>" + 387 signupSubMenu1+ 388 "<ul>" + 389 signupSubMenu2 + 390 "<li>" + haveQuetion + "</li>" + 391 "</ul>" + 392 "</div>", 393 encoded:false 394 } 395 ] 396 }, 397 { 398 text: "DOCUMENT LIBRARY", url: "/Document_Library" 399 }, 400 { 401 text: "ABOUT FWS", 402 url: "/About", 403 items: [ 404 { text: "Glossary", url: "/Glossary" }, 405 { text: "FAQs", url: "/FAQs" }, 406 { text: "Contact Us", url: "/ContactUs" }, 407 { text: "Helpful Resources", url: "/Helpful_Resources" }, 408 { text: "Help", url: "/Help" }, 409 ] 410 }, 411 ]; 412 413 var profileMenuConfig = []; 414 if (!isLogedIn) { 415 profileMenuConfig.push({ 416 text: "LOGIN/REGISTER", 417 url: "/Account/Login?returnUrl=" + baseReturnUrl, spriteCssClass: "sprite login" }) 418 } else { 419 profileMenuConfig.push({ 420 text: userHandle, spriteCssClass: "sprite profile" , 421 items: [ 422 { text: 'Account Profile', url: "/Account/EditProfile?returnUrl=" + encodeURIComponent(baseReturnUrl)}, 423 { text: "Logout", url: "/Account/LogOut?returnUrl=" + encodeURIComponent(baseReturnUrl)}, 424 ], 425 encoded:false 426 }) 427 } 428 429 430 $("#fws-menu").kendoMenu({ 431 dataSource: mainMenuConfig, 432 select: function (e) { 433 //google tracking should be here 434 } 435 }) 436 437 438 439 function getUrlPart(str, key) { 440 return str.split(key)[1]; 441 } 442 443 $("#loginMenu").kendoMenu({ 444 dataSource: profileMenuConfig, 445 select: function(e) { 446 //Stuff 447 if($(e.item).children(".k-link").text()=="LOGIN/REGISTER" || $(e.item).children(".k-link").text().toUpperCase()=="ACCOUNT PROFILE" || $(e.item).children(".k-link").text().toUpperCase()=="LOGOUT"){ 448 var CurUrl = window.location.pathname.split("/"); 449 var controller = CurUrl[1]; 450 if(controller=="MultiGauge"){ 451 //var menu = e.sender.options.dataSource; 452 //var retUrl = getUrlPart(menu[0]["url"],'returnUrl='); 453 if(typeof returnUrl!="undefined" && returnUrl!=''){ 454 if (e.preventDefault) 455 e.preventDefault(); 456 457 if($(e.item).children(".k-link").text()=="LOGIN/REGISTER") 458 { 459 history.pushState("CurrentUrl","MultiGauge", returnUrl); 460 window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(returnUrl)); 461 } 462 else if ($(e.item).children(".k-link").text().toUpperCase()=="LOGOUT") 463 { 464 window.location.replace("/Account/LogOut?returnUrl=" + encodeURIComponent(returnUrl)); 465 } 466 else 467 { 468 window.location.replace("/Account/EditProfile?returnUrl=" + encodeURIComponent(returnUrl)); 469 } 470 } 471 } 472 else if(controller=="GageDetail"){ 473 if(typeof returnUrl!="undefined" && returnUrl!=''){ 474 if (e.preventDefault) 475 e.preventDefault(); 476 477 if($(e.item).children(".k-link").text()=="LOGIN/REGISTER") 478 { 479 window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(returnUrl)); 480 } 481 else if ($(e.item).children(".k-link").text().toUpperCase()=="LOGOUT") 482 { 483 window.location.replace("/Account/LogOut?returnUrl=" + encodeURIComponent(returnUrl)); 484 } 485 else 486 { 487 window.location.replace("/Account/EditProfile?returnUrl=" + encodeURIComponent(returnUrl)); 488 } 489 } 490 } 491 492 } 493 } 494 }) 495 496 if (userHandle == "Hello!") { 497 //add tooltip 498 $("#loginMenu").kendoTooltip({ 499 content: "Please complete registration process by providing personal information", 500 position: "right" 501 }) 502 } 503 504 });
505</script>
505 506 507 </div> 508 </div> 509 </div> 510 <div> 511 <div id="windowDisclaimer" style="display:none; padding:20px;"> 512 <div style="margin: 0px; text-align: center; width: 560px; height: 200px;"> 513 <div style="margin: 5px 0px 5px 0px; text-align: center; font-size: x-large; font-weight: bold"> 514 Disclaimer</div> 515 <div style="margin: 0px 14px 5px 14px; text-align: justify;"> 516 The Harris County Flood Control District (HCFCD) provides information via this website as a public service. While HCFCD makes every effort to ensure information is up-to-date, accurate and complete, HCFCD makes no representations, guarantees, or warranties as to the availability, accuracy, completeness, currency or suitability of the information provided via this website. HCFCD specifically disclaims any and all liability for any claims or damages that may result from providing the website or the information it contains. All liability with respect to actions taken or not taken based on the contents of this site is hereby expressly disclaimed. 517 </div> 518 <table style="width: 100%; font-family: Verdana,arial; height: 20px; font-size: 12pt"> 519 <tr> 520 <td style="padding-top: 10px" align="center"> 521 <input type="button" id="btnIAgree" class="k-button" value="I Agree" title="I Agree" /> 522 </td> 523 </tr> 524 </table> 525</div> 526 </div> 527 <div id="latestDataUnavailable" style="display:none;"> 528 <div style="margin: 0px; text-align: center; width: 560px; height: 200px;"> 529 <div style="margin: 5px 0px 5px 0px; text-align: center; font-size: x-large; font-weight: bold"> 530 Most Recent Data Unavailable</div> 531 <div style="margin: 0px 14px 5px 14px; text-align: justify;"> 532 The Flood Warning System is currently unable to display the most recent rainfall... 533 </div> 534 <table style="width: 100%; font-family: Verdana,arial; height: 20px; font-size: 12pt"> 535 <tr> 536 <td style="padding-top: 10px" align="center"> 537 <input id="btnCloseDataUnavailable" type="button" class="k-button" value="Close" title="Close" /> 538 </td> 539 </tr> 540 </table> 541</div> 542 </div> 543 <div id="messageWindow" style="display:none;" class="noPrint"> 544 <div style="padding:8px"></div> 545 <div style="width:100%"> 546 <button class="dialogButton k-button">OK</button> 547 </div> 548 </div> 549 550 <style> 551 /* https://codepen.io/garetmckinley/pen/oLBGWR */ 552 .noUi-target { 553 margin-top: 4px; 554 } 555 556 .noUi-background, 557 .noUi-target { 558 /* noUi-target was not included in above link, had to add it to make it work */ 559 height: 8px; 560 } 561 562 .noUi-background.noUi-vertical { 563 height: 200px; 564 width: 8px; 565 margin: 0 auto 30px; 566 } 567 568 .noUi-base .noUi-connect { 569 background-color: #135a8e; 570 } 571 572 .noUi-base .noUi-handle { 573 background-color: #1977bb; 574 border: none; 575 border-radius: 3px; 576 box-shadow: none; 577 color: #FFFFFF; 578 display: table; 579 font-size: 15px; 580 height: 12px; 581 left: 0; 582 margin-left: -4px; 583 margin-top: -4px; 584 padding: 0; 585 position: absolute; 586 text-align: center; 587 top: 0; 588 width: 8px; 589 z-index: 2; 590 } 591 592 html:not([dir=rtl]) .noUi-horizontal .noUi-handle { 593 right: -4px; 594 } 595 596 .noUi-horizontal .noUi-base .noUi-handle { 597 cursor: ew-resize; 598 } 599 600 .noUi-vertical .noUi-base .noUi-handle { 601 cursor: ns-resize; 602 margin-left: 0px; 603 } 604 605 .noUi-base .noUi-handle:hover { 606 background-color: #2593e2; 607 } 608 609 .noUi-base .noUi-handle.noUi-active { 610 background-color: #135a8e; 611 z-index: 3; 612 } 613 614 .noUi-base .noUi-handle::before { 615 background: transparent; 616 content: attr(data-value); 617 display: table-cell; 618 font-size: 18px; 619 font-weight: 100; 620 position: static; 621 width: 100%; 622 vertical-align: middle; 623 } 624 625 .noUi-base .noUi-handle::after { 626 display: none; 627 } 628 </style> 629 <div id="controlPanelContainer" class="noPrint"> 630 <div id="controlPanel"> 631 <div id="searchDiv"> 632 <div class="legendTitle">MAP VIEW OPTIONS</div> 633 <div class="optionContent"> 634 <table style="width:100%"> 635 <tr> 636 <td style="padding-top: 2px;"><input type="checkbox" id="chkWatersheds" 637 value="watersheds" /></td> 638 <td style="padding-top: 3px;"><label for="chkWatersheds"> 639 <div class='sprite WatershedLegend'></div> 640 </label></td> 641 <td><label for="chkWatersheds">Watersheds</label></td> 642 </tr> 643 <tr> 644 <td style="padding-top: 2px;"><input type="checkbox" id="chkChannels" 645 value="channels" /></td> 646 <td style="padding-top: 3px;"><label for="chkChannels"> 647 <div class='sprite ChannelLegend'></div> 648 </label></td> 649 <td><label for="chkChannels">Channels</label></td> 650 </tr> 651 <tr> 652 <td><input type="checkbox" id="chkInundation" value="inundation" 653 name="chkBoxInundation" /></td> 654 <td></td> 655 <td> 656 <div style="display:inline-block;vertical-align:top;padding:5px 10px 0 0"><span 657 class="checkbox-label" id="inundationCheckboxLabel" 658 style="font-size:12.5px">Inundation Map</span></div> 659 <div style="display:none" id="inundationSlider" /> 660 </td> 661 </tr> 662 <tr> 663 <td colspan="3" style="padding-left:20px;"> 664 <table style="font-size:8pt; display:none;
664" class="inundationLegendBoxItem"> 665 <tr> 666 <td style="font-weight:bold; font-size:10pt">Inundation Depth (Ft)</td> 667 </tr> 668 <tr> 669 <td> 670 <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #A9E7F0;" 671 id="inundationSubLegend1"></div> <b> 672 < 1.0 </b> 673 </td> 674 </tr> 675 <tr> 676 <td> 677 <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #03C1E5;" 678 id="inundationSubLegend2"></div><b> 1.0-3.0 </b> 679 </td> 680 </tr> 681 <tr> 682 <td> 683 <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #1956AD;" 684 id="inundationSubLegend3"></div><b> 3.0-6.0 </b> 685 </td> 686 </tr> 687 <tr> 688 <td> 689 <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #481368;" 690 id="inundationSubLegend4"></div><b> > 6.0 </b> 691 </td> 692 </tr> 693 </table> 694 </td> 695 </tr> 696 <tr> 697 <td valign="middle"><input type="radio" id="chkRainfall" name="rainlayer" 698 value="rainfall" checked="checked" /></td> 699 <td valign="middle" style="padding-top: 1px;"><label for="chkRainfall"> 700 <div class="sprite GageLegend"></div> 701 </label></td> 702 <td><label for="chkRainfall">Rainfall</label></td> 703 </tr> 704 <tr> 705 <td valign="middle"><input type="radio" id="chkChannelStatus" name="rainlayer" 706 value="surfaceBox" /></td> 707 <td valign="middle" style="padding-top: 1px;"><label for="chkChannelStatus"> 708 <div class="sprite surfaceLevelLegendBox"></div> 709 </label></td> 710 <td><label for="chkChannelStatus">Channel Status</label></td> 711 </tr> 712 <tr style="display: none"> 713 <td valign="middle"><input type="radio" id="chkChannelLevels" name="rainlayer" 714 value="surface" /></td> 715 <td valign="middle" style="padding-top: 1px;"><label for="chkChannelLevels"> 716 <div class="sprite surfaceLevelLegend"></div> 717 </label></td> 718 <td><label for="chkChannelLevels">Water Levels</label></td> 719 </tr> 720 <tr> 721 <td colspan="3" style="padding-left:20px;"> 722 <table style="font-size:8pt; display:none;" class="surfaceLevelLegendBoxItem"> 723 <tr> 724 <td> 725 <div style="margin-right:4px; display:inline-block" 726 class="legendnoFloodCategory"></div>Channel Status not Defined 727 </td> 728 </tr> 729 <tr> 730 <td> 731 <div style="margin-right:4px; display:inline-block" 732 class="legendnoFlooding"></div>No Flooding 733 </td> 734 </tr> 735 <!--Muru Thangavel updated label from 'Water in Bank' to 'No Flooding' - UserStory#72227--> 736 <tr> 737 <td> 738 <div style="margin-right:3px;margin-left:-2px; display:inline-block" 739 class="legendsiteWarning"></div>Flooding Possible 740 </td> 741 </tr> 742 <!--Muru Thangavel updated label from 'Near Top of Bank' to 'Flooding Possible' - UserStory#72227--> 743 <tr> 744 <td style="vertical-align:middle;"> 745 <div style="margin-right:3px; margin-left:-2px; vertical-align:middle; display:inline-block" 746 class="legendsiteError"></div>Flooding Likely 747 </td> 748 </tr> 749 <!--Muru Thangavel updated label from 'Out of Bank' to 'Flooding Likely' - UserStory#72227--> 750 </table> 751 <table style="font-size:8pt; display:none;" class="surfaceLevelLegendItem"> 752 <tr> 753 <td> 754 <div style="margin-left: 4px; margin-right:4px; display:inline-block" 755 class="legendnoFloodCategory"></div>Channel Status not Defined 756 </td> 757 </tr> 758 <tr> 759 <td> 760 <div style="margin-right:3px; display:inline-block" 761 class="legendNoFloodLow"></div> 762 <div style="margin-right:3px; display:inline-block" 763 class="legendNoFloodMed"></div> 764 <div style="margin-right:3px; display:inline-block" 765 class="legendNoFloodMedHigh"></div> 766 Water Level in Channel 767 </td> 768 </tr> 769 <tr> 770 <td> 771 <div style="margin-right:35px; display:inline-block" 772 class="legendNoFloodHigh"></div>Close to Bank 773 </td> 774 </tr> 775 <tr> 776 <td> 777 <div style="margin-right:35px; display:inline-block" 778 class="legendOutOfBank"></div>Out of Bank 779 </td> 780 </tr> 781 </table> 782 </td> 783 </tr> 784 <tr> 785 <td colspan="3"><span class="exampleText">Mouse over map label for more 786 information</span></td> 787 </tr> 788 </table> 789 </div> 790 <div class="legendOptionSeparator"></div> 791 <div class="legendSeparator"></div> 792 <div class="legendOption typeLabel">RAINFALL DATA</div> 793 <div class="optionContent"> 794 <div id="rainTab"> 795 <ul> 796 <li class="k-state-active">Current</li> 797 <li>Historical</li> 798 </ul> 799 <div> 800 <table class="noPadding" style="width:100%;"> 801 <tr class="rainfallLegend"> 802 <td><span class="optionLabelLarge">Rainfall in the last</span></td> 803 <td> 804 <select style="width:90px;" id="ddlTimeSpan"></select> 805 </td> 806 </tr> 807 <tr class="surfaceLevelLegendBoxItem surfaceLevelLegendItem" style="display:none;"> 808 <td colspan="2"><span class="optionLabelLarge">Showing the latest surface levels</span></td> 809 </tr> 810 <tr> 811 <td colspan="2" class="optionLabelMedium" style="text-align:right">
811<a href="#" id="btnRefreshData">Refresh Data</a></td> 812 </tr> 813</table> 814 815 </div> 816 <div> 817 818<table style="width: 100%"> 819 <tr class="rainfallLegend"> 820 <td class="optionLabelSmall" style="text-align: right;"></td> 821 <td align="left"> 822 <input id="txtAmount" type="text" style="width:80px;" /> 823 </td> 824 <td> 825 <select id="drpUnits" style="width:90px;"> 826 </select> 827 </td> 828 </tr> 829 <tr> 830 <td class="optionLabelSmall" style="text-align: right;"><span class="rainfallLegend">before</span><span class="surfaceLevelTitles" style="display:none;">at</span></td> 831 <td colspan="2"> 832 <input style="font-size:11px; width:185px; background:transparent" type="text" id="dtEnd" /> 833 </td> 834 </tr> 835 <tr> 836 <td colspan="3" align="right" style="background: transparent"> 837 <input id="btnShowHistorical" type="button" value="Show Historical" class="k-button" style="background: transparent" /> 838 </td> 839 </tr> 840</table> 841 </div> 842 </div> 843 </div> 844 <div class="legendOptionSeparator"></div> 845 <div class="legendSeparator"></div> 846 <div class="legendOption">SITE SELECTIONS</div> 847 <div class="optionContent"> 848 <span class="optionLabelLarge">Sites by Agency</span><br /> 849 <select id="ddlRegion" style="width:223px;"></select> 850 </div> 851 <div class="optionContent"> 852 <span class="optionLabelLarge">Site by Location</span><br /> 853 <select id="ddlGage" style="width:223px;"></select> 854 <div class="optionLabelMedium" style="text-align: right; padding-right:3px;"> 855 <a id="ResetAgencyViewLink" href="#">Reset to Agency View</a> 856 </div> 857 </div> 858 <div class="legendOptionSearchSeparator"></div> 859 <div class="legendOptionSearch">ADDRESS SEARCH</div> 860 <div class="optionContent"> 861 <div style="float: left;"> 862 <input id="txtAddress" type="text" class="k-textbox" style="width:174px;" /> 863 </div> 864 <div style="float: left; margin-left: 10px;"> 865 <input id="btnSearch" type="button" value="Find" class="k-button" 866 style="background: transparent" /> 867 </div> 868 <div class="exampleText clear">e.g. 9900 Northwest Fwy., Houston 77092</div> 869 <div class="optionLabelMedium" style="text-align: right; padding-right:3px;"> 870 <a href="#" id="lnkClearSearch">Clear Search</a> 871 </div> 872 <div id="addressResultsContainer"></div> 873 </div> 874 <div class="legendOptionSearchSeparator"></div> 875 <p style="padding:1px"> 876 <a style="padding-left:5px;font-size:10pt;font-family:Arial" 877 href="/RSS">Rainfall Alarms</a><a href="/RSS" 878 title="Subscribe to our feed"><span style="display:inline-block;" 879 class='sprite RssIcon'></span></a> 880 </p> 881 <div class="legendOptionSearchSeparator"></div> 882 <div class="optionContent"> 883 <div id="msgStatus" class="clear"></div> 884 </div> 885 <div class="optionContent"> 886 <table> 887 <tr> 888 <td><a href="https://www.hcfcd.org/?utm_source=fws&utm_medium=web&utm_content=footerLogo&utm_campaign=viewHcfcd" 889 target="_blank" class=""> 890 <div id="footerLogoWrap"><img src="/Images/imageSprite.png" 891 alt="Harris County Flood Control District" style="border: none;" /> 892 </div> 893 </a></td> 894 <td id="footerHcfcd" valign="bottom">An interactive map of the Harris County Flood 895 Control District</td> 896 </tr> 897 </table> 898 </div> 899 <div class="optionContent"> 900 <div style="float: left;"> 901 <a id="btnDisclaimer" href="#">Disclaimer</a> 902 </div> 903 <div style="float: right;"> 904 <a id="mobileSiteLink" href="/Index?view=mobile" style="display:none;">View Mobile 905 Site</a> 906
906<script> 907 if (/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 908 document.getElementById('mobileSiteLink').style.display = 'inline'; 909 } 910 </script>
910 911 </div> 912 </div> 913 <div id="regionSelectPopup" class="k-list-container k-popup k-group k-reset"> 914 <div style="width:320px; height:200px; overflow-y: scroll;"> 915 <ul class="customCheckList k-list k-reset"></ul> 916 </div> 917 <div> 918 <input style="float:right;" type="button" class="k-button" value="Close" /> 919 </div> 920 </div> 921
921<script id="regionSelectTemplate" type="text/x-kendo-template"> 922 <li class="k-item"><input type="checkbox" id="chk_region_#=itemValue#" value="#=itemValue#" /> <label for="chk_region_#=itemValue#">#=listName#</label></li> 923 </script>
923 924 925 </div> 926 </div> 927 </div> 928 929 <div id="mapDivContainer"> 930 931 932 933 <div class="hcfcd-status-bar"></div> 934 <div id="mapDiv"> 935 <div id="infoBox"> 936 <span class="infobox-site-information"></span> 937 <span class="infobox-site-description"></span> 938 <br /> 939 <a class="infobox-more-information" href="" target="_blank">More information & alert signup</a> 940 <div class="infobox-graphicContainer" style="float:right;"></div> 941 </div> 942 </div> 943 </div> 944 <div class="noPrint"> 945 <div id="fillBanner"></div> 946 <a id="hcfcdLogo" 947 href="https://www.hcfcd.org/?utm_source=fws&utm_medium=web&utm_content=bannerLogo&utm_campaign=viewHcfcd" 948 style="width: 100px;" target="_blank" 949 onclick="_gaq.push(['_trackEvent', 'Link', 'Click', 'HCFCD Logo']);"></a> 950 <div id="fwsLogo" class="sprite FWSLogo"></div> 951 <div id="showGuide" class="guideShowBtn">Need Help <span class="k-icon k-i-help"></span></div> 952 <div class="sprite" id="loginMenu"></div> 953 <div id="helpContainer" style="position: absolute; top: 140px; left: 180px;"> 954 955 </div> 956 </div> 957 </div> 958 959 <div class="noDisplay" style="padding-top:5px;margin-top:90px;"> 960 <div style="width: 60%;line-height:1em; float:left;"> 961 <div id="printDetail" style="font-weight: bold; text-align: justify"></div> 962 <span class="disclaimer" style="font-weight: normal"> 963 The Harris County Flood Control 964 District makes no representations regarding the suitability, accuracy or timeliness 965 of the information contained on this or any other District website. All such information, 966 including text, data, graphics, sounds images or files, is provided "AS IS" without 967 warranty of any kind and is subject to change without notice. The entire risk arising 968 out of their use remains with the recipient. 969 </span> 970 </div> 971 <div> 972 <div id="printLegendContainer" 973 style="border: 1px solid black; border-radius: 4px; padding:3px; float:right;"> 974 </div> 975 <div class="clear"></div> 976 </div> 977 </div> 978 <div id="printrainfallLegend" style="display:none"> 979 <ul class="printLegend"> 980 <li> 981 <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;" 982 alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County 983 Boundaries 984 </li> 985 <li> 986 <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;" 987 alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div> 988 Watersheds 989 </li> 990 <li> 991 <div id="printGage" style="display:inline-block; height:19px; vertical-align:top;"><img 992 style="margin-top:2px;" alt="Gage Legend Icon" 993 src="/Images/imageSprite.png" /></div>Rainfall Totals (inches) 994 </li> 995 </ul> 996 </div> 997 998 <div id="printsurfaceBoxLegend" style="display:none"> 999 <ul class="printLegend"> 1000 <li> 1001 <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;" 1002 alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County 1003 Boundaries 1004 </li> 1005 <li> 1006 <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;" 1007 alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div> 1008 Watersheds 1009 </li> 1010 <li> 1011 <div style="display:inline-block; padding: 0 12px;" class="legendnoFloodCategory"></div>Channel 1012 Status not Defined 1013 </li> 1014 <li> 1015 <div style="display:inline-block; padding: 0 12px;" class="legendnoFlooding"></div>Water in Bank 1016 </li> 1017 <li> 1018 <div style="display:inline-block; padding: 0 11px 0 10px;" class="legendsiteWarning"></div>Near Top 1019 of Bank 1020 </li> 1021 <li> 1022 <div style="vertical-align:middle; display:inline-block; padding: 0 11px 0 10px;" 1023 class="legendsiteError"></div>Out of Bank 1024 </li> 1025 </ul> 1026 </div> 1027 1028 <div id="printsurfaceLegend" style="display:none"> 1029 <ul class="printLegend"> 1030 <li> 1031 <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;" 1032 alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County 1033 Boundaries 1034 </li> 1035 <li> 1036 <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;" 1037 alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div> 1038 Watersheds 1039 </li> 1040 </ul> 1041 </div> 1042 1043
1043<script id="crossSectionTemplateInfoBox" type="text/html"> 1044 <span class="infobox-site-information"></span> 1045 <span class="infobox-site-description"></span> 1046 <br /> 1047 <a class="infobox-more-information" href="" target="_blank">More information & alert signup</a> 1048 1049 <div class="infobox-graphicContainer" style="float:right;"></div> 1050</script>
1050 1051 1052 </div> 1053 1054 1055 <div Class="guideWrap"> 1056 <div class="guideContainer"> 1057 <div class="guideHeader"> 1058 <div class="guideHeaderTitle"> 1059 <span>Welcome to the Harris County</span> 1060 <span>Flood Warning System</span> 1061 </div> 1062 </div> 1063 <div class="guideBodyWrap"> 1064 <!----> 1065 <div class="guideBody guideSlide"> 1066 <div class="guideBodyRight"> 1067 <img id="mapViewOptions"> 1068 </div> 1069 <div class="guideBodyLeft"> 1070 <div class="guideBodyLeftContent"> 1071 <div class="guideBodyTitle">Watersheds</div> 1072 <div class="guideBodyInfo">Select watersheds to view the watershed layer and see which one is nearest you.</div> 1073 </div> 1074 <div class="guideBodyLeftContent"> 1075 <div class="guideBodyTitle">Inundation</div> 1076 <div class="guideBodyInfo">Select Inundation Map to view current flooded roads, parks, and low-lying areas.</div> 1077 </div> 1078 <div class="guideBodyLeftContent"> 1079 <div class="guideBodyTitle">Channel Status</div> 1080 <div class="guideBodyInfo">Select Channel Status to display current bayou flooding levels.</div> 1081 </div> 1082 <div> 1083 <table style="font-size:8pt;float:right;" class="surfaceLevelLegendBoxItem"> 1084 <tr><td><div style="margin-right:4px; display:inline-block" class="legendnoFloodCategory"></div>Channel Status not Defined</td></tr> 1085 <tr><td><div style="margin-right:4px; display:inline-block" class="legendnoFlooding"></div>No Flooding</td></tr><!--Muru Thangavel updated label from 'Water in Bank' to 'No Flooding' - UserStory#72227--> 1086 <tr><td><div style="margin-right:3px;margin-left:-2px; display:inline-block" class="legendsiteWarning"></div>Flooding Possible</td></tr><!--Muru Thangavel updated label from 'Near Top of Bank' to 'Flooding Possible' - UserStory#72227--> 1087 <tr><td style="vertical-align:middle;"><div style="margin-right:3px; margin-left:-2px; vertical-align:middle; display:inline-block" class="legendsiteError"></div>Flooding Likely</td></tr><!--Muru Thangavel updated label from 'Out of Bank' to 'Flooding Likely' - UserStory#72227--> 1088 </table> 1089 </div> 1090 </div> 1091 </div> 1092 <!----> 1093 <div class="guideBody guideSlide"> 1094 <div class="guideBodyRight"> 1095 <img id="rainFallData" > 1096 </div> 1097 <div class="guideBodyLeft"> 1098 <div class="guideBodyLeftContent"> 1099 <div class="guideBodyTitle">Rainfall Data</div> 1100 <div class="guideBodyInfo">Rainfall data defaults to the last 24 hours. Select the drop down bar to select more time frames.</div> 1101 </div> 1102 <div class="guideBodyLeftContent"> 1103 <div class="guideBodyTitle"></div> 1104 <div class="guideBodyInfo"></div> 1105 </div> 1106 <div class="guideBodyLeftContent"> 1107 <div class="guideBodyTitle"></div> 1108 <div class="guideBodyInfo"></div> 1109 </div> 1110 </div> 1111 </div> 1112 <!----> 1113 <div class="guideBody guideSlide"> 1114 <div class="guideBodyRight"> 1115 <img id="siteSelections" > 1116 </div> 1117 <div class="guideBodyLeft"> 1118 <div class="guideBodyLeftContent"> 1119 <div class="guideBodyTitle">Site Selections</div> 1120 <div class="guideBodyInfo">Add more gages in the region using the drop down.</div> 1121 </div> 1122 </div> 1123 </div> 1124 <!----> 1125 <div class="guideBody guideSlide"> 1126 <div class="guideBodyRight"> 1127 <img id="addressSearch" > 1128 </div> 1129 <div class="guideBodyLeft"> 1130 <div class="guideBodyLeftContent"> 1131 <div class="guideBodyTitle">Address Search</div> 1132 <div class="guideBodyInfo">Use the address search to find your nearest gage.</div> 1133 </div> 1134 </div> 1135 </div> 1136 <!----> 1137 <div class="guideBody guideSlide"> 1138 <div class="guideBodyRight"> 1139 <img id="siteDetailsPage"> 1140 </div> 1141 <div class="guideBodyLeft"> 1142 <div class="guideBodyLeftContent"> 1143 <div class="guideBodyTitle">Site Details Page</div> 1144 <div class="guideBodyInfo">Hover mouse over any site and click the more information link to view water level and rainfall data. Custom and default rainfall and water level alerts are available for each site.</div> 1145 </div> 1146 </div> 1147 </div> 1148 <!----> 1149 <div class="guideBody guideSlide"> 1150 <div class="guideBodyRight"> 1151 </div> 1152 <div class="guideBodyLeft"> 1153 <div class="guideBodyLeftContent"> 1154 <div class="guideBodyTitle">Get notified when it is flooding! </div> 1155 <div class="guideBodyInfo">Sign up to receive rainfall and water level alerts via text message and email.</div> 1156 </div> 1157 </div> 1158 </div> 1159 <!----> 1160 </div> 1161 <div class="guideFooter"> 1162 <ul> 1163 <li><a class="prev" onclick="hcfcd.guide.plusSlides(-1)">❮
1163</a></li> 1164 <li> 1165 <div class="guideDots"> 1166 <span class="guideDot" onclick="hcfcd.guide.show(1)"></span> 1167 <span class="guideDot" onclick="hcfcd.guide.show(2)"></span> 1168 <span class="guideDot" onclick="hcfcd.guide.show(3)"></span> 1169 <span class="guideDot" onclick="hcfcd.guide.show(4)"></span> 1170 <span class="guideDot" onclick="hcfcd.guide.show(5)"></span> 1171 <span class="guideDot" onclick="hcfcd.guide.show(6)"></span> 1172 </div> 1173 </li> 1174 <li><a class="next" onclick="hcfcd.guide.plusSlides(1)">❯</a></li> 1175 </ul> 1176 <div class="guideCloseBtn"> 1177 Close <span class="k-icon k-i-close-outline"></span> 1178 </div> 1179 </div> 1180 </div> 1181</div> 1182
1183<script type="text/javascript"> 1184 $(document).ready(function () { 1185 hcfcd.guide.init("showIndexGuide", function() 1186 { 1187 // We are showing the guide so hide the map widgets 1188 $(".MicrosoftMap .NavBar_Container").hide(); 1189 1190 var items = $("#fws-menu").find(".k-link").parent(); 1191 var kmenu = $("#fws-menu").data("kendoMenu"); 1192 if(kmenu) 1193 kmenu.enable(items, false); 1194 }, function() 1195 { 1196 // We are hiding the guide so show the map widgets 1197 $(".MicrosoftMap .NavBar_Container").show(); 1198 1199 var items = $("#fws-menu").find(".k-link").parent(); 1200 var kmenu = $("#fws-menu").data("kendoMenu"); 1201 if(kmenu) 1202 kmenu.enable(items, true); 1203 }); 1204 }); 1205</script>
1205 1206 1207 <style> 1208 .MicrosoftMap .NavBar_Container { display: none; } 1209 </style> 1210 1211</body> 1212 1213</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.