Example: obtain param IDs for disclaimer-blocked portals
[3]:
import aquarius_webportal
This is an example of a disclaimer-blocked Aquarius Web Portal implementation:
https://ntg.aquaticinformatics.net/
“Disclaimer-blocked” means that Javascript code prevents the content of the page (including the dropdown list of parameters) from being loaded until the user accepts the disclaimer dialog:
The problem is that aquarius_webportal needs to know what the valid parameter IDs are. We can get this manually by visiting the relevant portal, clicking Accept on the disclaimer, then copying the HTML source of either the Map or List page into the cell below:
[4]:
source = """
<!DOCTYPE html>
<html lang="en" style="font-size:16px;">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8" />
<title>Data - The NT Water Data Portal</title>
<link href="/Account/GetFavicon" rel="shortcut icon" type="image/x-icon" />
<link rel="manifest" href="/Content/site.manifest">
<link rel="apple-touch-icon" href="/Content/icon.png">
<meta name="msapplication-TileColor" content="#fff">
<meta name="theme-color" content="#fff">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/Content/kendo/bundles/aqPortalKendoStyle.min.css?v=lWliVamS-IULUASADWOY4vbL-wLGdTDdQDR7pgN_c4A" />
<link rel="stylesheet" href="/bundles/aqPortalContentStyle.min.css?v=soFv6fkWSuUdUM-zk_pdpfcEvfLiOe9s4gkeFNGwkSg" />
<link rel="stylesheet" href="/Content/styles/bundles/aqPortalStyle.min.css?v=UvDciHCc0sErhyciMBNEbu7E61ogPJg-xx58Tkb7EYs" />
<script src="/bundles/aqPortalMin.min.js?v=oi4M6VEyhCphRYGQAJyTBf1bhxORD1rdsk_xsjcA-2M"></script>
<script src="/bundles/aqPortal.min.js?v=9YrclhZH9GboKiBQlIyRUym7lBd0-bpPZw68sZQNKdU"></script>
<script src="/bundles/admin.min.js?v=RWt1q-Hqf3qojyysIfxCBWmhh3XAome-cFdeCMbu9jU"></script>
<script type="text/javascript">
$(function () {
aqPortal.Init();
aqPortal.LibraryLocalisation.Init();
});
dojoConfig = {
locale: aqPortal.LibraryLocalisation.GetArcGISLocale(),
parseOnLoad: false
};
kendo.culture(aqPortal.LibraryLocalisation.GetKendoLocale());
moment.locale(aqPortal.LibraryLocalisation.GetMomentLocale());
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id="></script>
<script>
window.gaCode = "";
window.dataLayer = window.dataLayer || [];
window.maintenanceTimeFrame = "";
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
</script>
</head>
<body class="">
<div id="baseSiteUrl" class="hidden">/</div>
<div id="CurrentViewGroupName" class="hidden">Anonymous</div>
<ol class="hidden LineColours" id="DefaultLineColours">
<li data-id="0"><input value="#7CB5EC" /></li>
<li data-id="1"><input value="#67CC34" /></li>
<li data-id="2"><input value="#FF9933" /></li>
<li data-id="3"><input value="#333266" /></li>
<li data-id="4"><input value="#990600" /></li>
<li data-id="5"><input value="#FFCC02" /></li>
<li data-id="6"><input value="#0166CC" /></li>
<li data-id="7"><input value="#FE3200" /></li>
<li data-id="8"><input value="#B4E2FF" /></li>
<li data-id="9"><input value="#444444" /></li>
</ol>
<ol class="hidden MarkerColours" id="DefaultMarkerColours">
<li data-id="0"><input value="#7CB5EC" /></li>
<li data-id="1"><input value="#67CC34" /></li>
<li data-id="2"><input value="#FF9933" /></li>
<li data-id="3"><input value="#333266" /></li>
<li data-id="4"><input value="#990600" /></li>
<li data-id="5"><input value="#FFCC02" /></li>
<li data-id="6"><input value="#0166CC" /></li>
<li data-id="7"><input value="#FE3200" /></li>
<li data-id="8"><input value="#B4E2FF" /></li>
<li data-id="9"><input value="#444444" /></li>
</ol>
<section class="wrapper">
<nav role="navigation" aria-label="main" class="navbar navbar-default navbar-top navbar-fixed-top">
<div class="navbar-header navbar-brand-custom " >
<button type="button" class="sitenav navbar-toggle collapsed btn btn-sm" data-toggle="collapse" data-target="#main-header-collapse" aria-expanded="false" style="z-index: 1000;">
<span class="sr-only">Toggle Site Navigation</span>
<span class="material-icons close">close</span>
<span class="material-icons navbar-toggle-icon">account_circle</span>
</button>
<button type="button" class="datanav navbar-toggle offcanvas btn btn-sm pull-left toggle-datamenu" data-toggle="offcanvas" aria-expanded="false">
<span class="sr-only">Toggle Data Navigation</span>
<span class="material-icons close">close</span>
<span class="material-icons navbar-toggle-icon">dehaze</span>
</button>
<a class="navbar-brand" href=https://depws.nt.gov.au/>
<span class="sr-only">Aquatic Informatics Web Site</span>
<div class="brand-logo-customer">
<img src="/Account/GetLogo" alt="AQUARIUS WebPortal"/>
</div>
</a>
</div>
<div class="nav-wrapper" >
<div class="navbar-title">
<h1 ></h1>
</div>
<div class="navbar-alert">
<div class='alert alert-info'>1. This website does not support Internet Explorer or Microsoft Edge below Version 79. If using these browsers the ‘Map’ View may not display correctly. 2. This portal is under constant development with regular enhancements being made to improve functionality. For feedback, please Email waterresources@nt.gov.au.</div>
</div>
<ul class="nav navbar-nav hidden-xs">
<li> <a href="#" class="btn toggle-aside" data-toggle="aside"><span class="sr-only">Hide/Expand Tabbed Navigation</span> <em class="fa"></em> </a> </li>
</ul>
<div class="desktop">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right" >
<!-- #region Data -->
<li>
<a href="/Data">
<span class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Data">assessment</span>
</a>
</li>
<!-- #endregion -->
<!-- #region Help -->
<li>
<a href="/Content/Manuals/en/UserGuide.pdf" target="_blank"><span class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Help">help</span></a>
</li>
<!-- #endregion -->
<!-- #region Admin and View Group -->
<!-- #endregion -->
<!-- #region Language -->
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle">
<span class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Language">language</span>
</a>
<ul class="dropdown-menu dropdown-menu-right languageSelector">
<li data-language="en">
<a onclick="aqPortal.setLocale('en', true)"> English</a>
</li>
<li data-language="de">
<a onclick="aqPortal.setLocale('de', true)"> Deutsch</a>
</li>
<li data-language="es-AR">
<a onclick="aqPortal.setLocale('es-AR', true)"> Español</a>
</li>
<li data-language="fr">
<a onclick="aqPortal.setLocale('fr', true)"> Français</a>
</li>
</ul>
</li>
<!-- #endregion -->
<!-- #region Account -->
<li class=" right-end-menu-item">
<a href="/Account/SignIn">
<span class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Sign in">account_circle</span> Sign in
</a>
</li>
<!-- #endregion -->
<!-- #region Apps -->
<!-- #endregion -->
</ul>
</div>
</div>
<div class="mobile">
<div class="collapse navbar-collapse" id="main-header-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- #region Data -->
<li>
<a href="/Data"><span class="material-icons mobile-item">assessment</span>Data</a>
</li>
<li class="divider"></li>
<!-- #endregion -->
<!-- #region Account -->
<!-- #endregion -->
<!-- #region Admin settings -->
<!-- #endregion -->
<!-- #region View Group -->
<!-- #endregion -->
<!-- #region Apps -->
<!-- #endregion -->
<!-- #region Authenticate -->
<li class="">
<a href="/Account/SignIn"> <span class="material-icons mobile-item">login</span>Sign in</a>
</li>
<li class="divider"></li>
<!-- #endregion -->
<!-- #region Language -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" id="languageSelectorMobile" data-toggle="dropdown">
<span class="material-icons mobile-item">language</span>
<div class="expand" style="width:100%"><span class="material-icons pull-right">expand_more</span></div>
</a>
<ul class="dropdown-menu languageSelectorMobile" role="menu">
<li class="dictionary-item" data-language="en" data-content="English">
<a class="dropdown-item" onclick="aqPortal.setLocale('en', true)">English</a>
</li>
<li class="dictionary-item" data-language="de" data-content="Deutsch">
<a class="dropdown-item" onclick="aqPortal.setLocale('de', true)">Deutsch</a>
</li>
<li class="dictionary-item" data-language="es-AR" data-content="Español">
<a class="dropdown-item" onclick="aqPortal.setLocale('es-AR', true)">Español</a>
</li>
<li class="dictionary-item" data-language="fr" data-content="Français">
<a class="dropdown-item" onclick="aqPortal.setLocale('fr', true)">Français</a>
</li>
</ul>
</li>
<li class="divider"></li>
<!-- #endregion -->
<!-- #region Help -->
<li>
<a href="/Content/Manuals/en/UserGuide.pdf" target="_blank" title="User guide">
<span class="material-icons mobile-item">info</span><span class="visible-xs">User guide</span>
</a>
</li>
<!-- #endregion -->
</ul>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
aqPortal.FloodingSetup.InitAdminAndFloodSettings();
});
</script>
</nav>
<script src="/bundles/roundingExtra.min.js?v=Yi6mAayn7txV2KTEYZ_sKGCVl1e6ccq0_6PqVm2z810"></script>
<script src="/lib/microsoft/signalr/dist/browser/signalr.min.js"></script>
<script src="/bundles/dataControl.min.js?v=nVLbvZ3Ly2TbkjQgJ1BaBonGknwg6vj7aEC3C3TDpEk"></script>
<script src="/bundles/highCharts.min.js?v=xTQbV2muSDriko6ZzLvG0gvs9IRghUTIwVbRn0icXtQ"></script>
<aside class="aside">
<nav class="sidebar">
<div class="toggleContainer hidden-xs">
<a href="#" class="btn btn-sm toggle-aside" data-toggle="aside" title="Hide/Expand Tabbed Navigation"><span class="sr-only">Hide/Expand Tabbed Navigation</span><em class="fa"></em></a>
</div>
<ul class="nav">
<li class="active">
<a href="/Data/Map" data-href="#tab_map" class="no-submenu" aria-label="Map">
<em class="fa fa-globe fa-fw"></em>
<span class="item-text">Map</span>
</a>
</li>
<li class="">
<a href="/Data/List" data-href="#tab_list" class="no-submenu" aria-label="List">
<em class="fa fa-table fa-fw"></em>
<span class="item-text">List</span>
</a>
</li>
<li id="locationTabMenu" class="">
<a href="/Data/Location" data-href="#tab_location" class="no-submenu" aria-label="Location">
<em class="fa fa-map-marker fa-fw"></em>
<span class="item-text">Location</span>
</a>
</li>
<li id="dataSetTabMenu" class="">
<a href="/Data/Dataset" data-href="#tab_dataset" class="no-submenu" aria-label="Data Set">
<em class="fa fa-line-chart fa-fw"></em>
<span class="item-text">Data Set</span>
</a>
</li>
<li class="">
<a href="/Data/Export" data-href="#tab_export" class="no-submenu" aria-label="Export">
<em class="fa fa-download fa-fw"></em>
<span class="item-text">Export</span>
</a>
</li>
<li class="">
<a href="/Data/Report" data-href="#tab_reports" class="no-submenu" aria-label="Reports">
<em class="fa fa-book fa-fw"></em>
<span class="item-text">Reports</span>
</a>
</li>
<li class="">
<a class="has-submenu" data-toggle="collapse-next" aria-label="Dashboards">
<em class="fa fa-dashboard fa-fw"></em>
<span class="item-text">Dashboards</span>
<div class="pull-right"><span class="caret"></span></div>
</a>
<ul class="nav collapse ListDash" role="group">
<li role="treeitem" data-id="68" class="">
<a href="/Data/Dashboard/68" data-href="#tab_dashboard" class="no-submenu" data-id="68">Sean rainfall</a>
</li>
<li role="treeitem" data-id="70" class="">
<a href="/Data/Dashboard/70" data-href="#tab_dashboard" class="no-submenu" data-id="70">Sean seasonal MWL</a>
</li>
<li role="treeitem" data-id="69" class="">
<a href="/Data/Dashboard/69" data-href="#tab_dashboard" class="no-submenu" data-id="69">Sean seasonal rainfall</a>
</li>
</ul>
</li>
<li class="nav-footer">
<div class="nav-footer-divider"></div>
<div>
<div>The NT Water Data WebPortal v2023.2.70</div>
<div><!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-77245048-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-77245048-1');
</script>
© 2023 The Northern Territory Government</div>
</div>
</li>
</ul>
</nav>
</aside>
<section>
<section class="main-content" role="main">
<div class="hidden" aria-hidden="true">
<div>
<select class="form-control interval show-tick" title="Interval..." data-header="Interval" data-width="297px" data-live-search="true" data-size="auto">
<option data-intervaltype="Periodic" value="Latest" title="Interval: Latest" selected="selected">Latest</option>
<optgroup label="Periodic" data-groupid="Periodic">
<option data-intervaltype="Periodic" title="Interval: Daily" value="Daily">Daily</option>
<option data-intervaltype="Periodic" title="Interval: Monthly" value="Monthly">Monthly</option>
<option data-intervaltype="Periodic" title="Interval: Yearly" value="Yearly">Yearly</option>
</optgroup>
<optgroup label="Seasonal" data-groupid="Seasonal">
<option data-intervaltype="Seasonal" title="Interval: Seasonal Daily" value="SeasonalDaily">Daily</option>
<option data-intervaltype="Seasonal" title="Interval: Seasonal Monthly" value="SeasonalMonthly">Monthly</option>
<option data-intervaltype="Seasonal" title="Interval: Seasonal Annual" value="SeasonalAnnual">Annual</option>
</optgroup>
<option data-intervaltype="Periodic" value="Custom" title="Interval: Custom">Custom</option>
<option data-divider="true"></option>
<option data-intervaltype="Periodic" value="AllData" title="Interval: All Data">All Data</option>
</select>
</div>
<div>
<select class="form-control refperiod show-tick" data-header="Reference Period" data-width="100%" data-live-search="true" data-size="auto">
<option value="4" title="Reference Period: All Period (Calendar Year)" data-date-offset="0" data-year-offset="0" data-subtext="ALLPERIDO">All Period (Calendar Year)</option>
</select>
</div>
<div>
<select class="form-control calendar show-tick" data-header="Calendar" data-width="100%" data-live-search="true" data-size="auto">
<option value="1" title="Calendar: Calendar Year" data-date-offset="0" data-year-offset="0" data-subtext="CALENDARYEAR" selected="selected">Calendar Year</option>
<option value="5" title="Calendar: Dry Season Statistics 1st May to 31st October" data-date-offset="0" data-year-offset="-8" data-subtext="DRYSEASON">Dry Season Statistics 1st May to 31st October</option>
<option value="3" title="Calendar: Financial Year" data-date-offset="0" data-year-offset="-6" data-subtext="FINANCIALYEAR">Financial Year</option>
<option value="114" title="Calendar: Water Day (9am)" data-date-offset="-900" data-year-offset="0" data-subtext="WATERDAY_9AM">Water Day (9am)</option>
<option value="2" title="Calendar: Wet Month Start Year (From Sept to Aug)" data-date-offset="0" data-year-offset="-4" data-subtext="WETMONTHSTART">Wet Month Start Year (From Sept to Aug)</option>
</select>
</div>
<div class="datepickers">
<div class="daySelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="daypickerdisplay form-control-overlay">2023-11-01</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="datepicker form-control" value="2023-11-01" />
</div>
</div>
<div class="monthSelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="monthpickerdisplay form-control-overlay">Nov 2023</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="monthpicker form-control" value="2023-11-01" />
</div>
</div>
<div class="yearSelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="yearpickerdisplay form-control-overlay">2023</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="yearpicker form-control" value="2023-01-01" />
</div>
</div>
<div class="decadeSelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="decadepickerdisplay form-control-overlay">2020 - 2029</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="decadepicker form-control" value="2023-01-01" />
</div>
</div>
<div class="centurySelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="centurypickerdisplay form-control-overlay">2000 - 2099</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="centurypicker form-control" value="2023-01-01" />
</div>
</div>
<div class="seasonalDaySelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="seasonalDayDisplay form-control-overlay">Nov 01</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="seasonalDayPicker form-control" value="2023-11-01" />
</div>
</div>
<div class="seasonalMonthSelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<span class="seasonalMonthDisplay form-control-overlay">November</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
<input type="text" class="seasonalMonthPicker form-control" value="2023-11-01" />
</div>
</div>
<div class="customSelect">
<div class="has-feedback input-group-sm" style="max-width: 300px;">
<input type="hidden" class="datepickerEnd form-control" value="2023-11-02" />
<div class="custompicker form-control">
<span>2023-11-01 - 2023-11-02</span>
</div>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
</div>
</div>
</div>
</div>
<div class="hidden filterPopoverHiddenContent" aria-hidden="true">
<div class="saved-filters">
<label>Saved Filters</label>
<select>
<option></option>
<optgroup label="Global">
<option value="1" data-islocation="false">Default Filter</option>
<option value="15" data-islocation="false">DRAGW Field Visits</option>
<option value="46" data-islocation="false">DRAGW Time-Series</option>
<option value="43" data-islocation="false">Filter</option>
<option value="33" data-islocation="false">Filter2</option>
<option value="195" data-islocation="false">Groundwater Active</option>
<option value="189" data-islocation="false">Groundwater Bores</option>
<option value="193" data-islocation="false">Groundwater Time-Series</option>
<option value="45" data-islocation="false">SREBA - Water Levels</option>
<option value="44" data-islocation="false">SREBA - Water Quality</option>
<option value="192" data-islocation="false">Surface Water Locations</option>
<option value="191" data-islocation="false">Western Davenport Active Groundwater</option>
</optgroup>
</select>
</div>
<div class="text-right" style="padding-top: 5px;">
<button class="btn btn-sm ai-action-button"><span class="fa fa-filter"></span> New Filter</button>
</div>
</div>
<input type="hidden" id="MaxDataSets" value="20" />
<input type="hidden" id="MaxDataSetsBeforeWarning" value="10" />
<input type="hidden" id="MaxExportDataSets" value="20" />
<input type="hidden" id="MaxExportDataSetsBeforeWarning" value="10" />
<input type="hidden" id="InitialFilterId" value="1" />
<div class="tab-content">
<div class="tab-pane active" id="tab_map">
<script src="/Scripts/arcgis/4.25/init.js" data-dojo-config="async: true"></script>
<link href="/Scripts/arcgis/4.25/esri/themes/light/main.css" rel="stylesheet" />
<div class="row-offcanvas-left">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn ai-white btn-sm col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
<label class="contextDateSummary"></label>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form navbar-right navbar-toggle-right">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="navbar-form navbar-left">
<label for="parameterSelect_1">Select Parameter:</label>
<select class="form-control selectpicker parameters" id="parameterSelect_1" title="Parameters..." data-header="Parameters" data-width="200" data-live-search="true" data-size="auto" >
<option data-subtext="None"></option>
<optgroup label="Concentration">
<option value="70" data-code="O2 (Dis)">Dissolved Oxygen Concentration</option>
</optgroup>
<optgroup label="Conductivity">
<option value="66" data-code="Specific Conductance Field">Specific Conductance Field</option>
</optgroup>
<optgroup label="Length">
<option value="102" data-code="DepthBelowGround">DepthBelowGround</option>
<option value="23" data-code="Measured Water Level" selected="selected">Measured Water Level</option>
<option value="42" data-code="Rainfall">Rainfall</option>
<option value="24" data-code="Tidal Level">Tidal Level (completely tidal stream)</option>
<option value="103" data-code="Water Elevation (AHD)">Water Elevation</option>
</optgroup>
<optgroup label="NTU">
<option value="83" data-code="Turbidity NTU">Turbidity NTU</option>
</optgroup>
<optgroup label="pH">
<option value="40" data-code="pH">pH</option>
<option value="96" data-code="pH Field">pH Field measurement</option>
</optgroup>
<optgroup label="Proportion">
<option value="340" data-code="Dissolved oxygen %">Dissolved oxygen % - discrete</option>
</optgroup>
<optgroup label="Temperature">
<option value="59" data-code="Water Temp">Water Temperature</option>
</optgroup>
<optgroup label="Velocity">
<option value="84" data-code="Water Velocity">Water, velocity</option>
</optgroup>
<optgroup label="Volume">
<option value="45" data-code="Discharge Volume">Discharge Volume</option>
</optgroup>
<optgroup label="Volumetric Flow">
<option value="44" data-code="Stream Discharge">Stream Discharge</option>
</optgroup>
</select>
</div>
<div class="navbar-form navbar-left">
<label for="valuesSelect_1">Select Value:</label>
<select class="form-control values selectpicker" id="valuesSelect_1" title="Value..." data-header="Value" data-width="200" data-live-search="true" data-size="auto">
<option data-subtext="None"></option>
<optgroup data-id="Statistic" label="Statistics" data-subvaluetype="" data-subvaluepermalink="">
<option value="2" data-code="LATESTWATERLEVEL" selected="selected">Latest Water Level</option>
</optgroup>
<optgroup data-id="Location" label="Location Attributes" data-subvaluetype="" data-subvaluepermalink="">
<option value="Location_1" data-code="Identifier">Location Identifier</option>
<option value="Location_0" data-code="Name">Location Name</option>
</optgroup>
<optgroup data-id="ParameterRange" label="Flood Classifications" data-subvaluetype="" data-subvaluepermalink="">
<option value="ParameterRanges_1" data-code="Flood Classifications 1">Minor Flood</option>
<option value="ParameterRanges_2" data-code="Flood Classifications 2">Moderate Flood</option>
<option value="ParameterRanges_3" data-code="Flood Classifications 3">Major Flood</option>
</optgroup>
<optgroup data-id="ParameterRange" label="Trial" data-subvaluetype="" data-subvaluepermalink="">
<option value="ParameterRanges_8" data-code="Trial 1">High Flow</option>
</optgroup>
</select>
</div>
<div class="navbar-form navbar-left dateCombo">
<label>Date: </label>
<div class="btn-group datePopoverGroup noControls" role="group"
data-alldata="False"
data-seasonal="False"
data-allowseasonal="True"
data-custom="False"
data-referenceperiod="True"
data-calendar="True"
data-referenceperiodselect="True"
data-periodic="True">
<button class="btn btn-default btn-sm prev" aria-label="Previous"><span class="fa fa-chevron-left"></span></button>
<button type="button" class="btn btn-default btn-sm datePopover">
<span class="datePopoverSummary">-</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
</button>
<button class="btn btn-default btn-sm next" aria-label="Next"><span class="fa fa-chevron-right"></span></button>
</div>
</div>
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/Map" data-baseurl="/Data/Map" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li role="presentation" class="exportactions dropdown-header"><span class="fa fa-download fa-fw"></span> Export Grid</li><li class="exportactions"><a class="export_data" name="csv"><span class="fa fa-file-text-o fa-fw"></span> To CSV</a></li><li class="exportactions"><a class="export_data" name="excel"><span class="fa fa-file-excel-o fa-fw"></span> To Excel</a></li><li class="divider"></li><li class="bulkactions dropdown-header" role="presentation"><span class="fa fa-chevron-circle-right fa-fw"></span> Bulk Data Set Actions</li><li class="bulkactions"><a class="sendtoexport"><span class="fa fa-download fa-fw"></span> Send to Export</a></li><li class="divider"></li><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
<div class="navbar-form navbar-right navbar-filter no-filters">
<button class="btn btn-sm ai-action-button"><span class="fa fa-filter"></span> Filter</button>
</div>
<div class="navbar-form navbar-right navbar-filter clear-filters no-filters">
<div class="filter-display">
<span class="filter-name">Filter</span>
<a class="filter-edit">Edit</a>
<span class="filter-clear"><a class="clearAllFilters" title="Remove Filter"><span class="fa fa-times"></span></a></span>
</div>
</div>
</div>
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn ai-white btn-sm col-xs-12 collapsed visible-xs" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
<label class="contextDateSummary"></label>
</button>
<div class="navbar-form navbar-right navbar-filter no-filters">
<button class="btn btn-sm ai-action-button"><span class="fa fa-filter"></span> Filter</button>
<div class="filter-display">
<span class="filter-name">Filter</span>
<div>
<a class="filter-edit">Edit</a>
<span class="filter-clear"><a class="clearAllFilters" title="Remove Filter"><span class="fa fa-times"></span></a></span>
</div>
</div>
</div>
</div>
<div class="row mapContainer">
<div id="Map" dir="ltr" class="col-sm-12" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" style="height: 600px;"></div>
</div>
</div>
<div class="offsidebar">
<div id="mapOptions-collapse" class="collapse navbar-collapse sidemenu-collapse">
<div class="modal-backdrop fade underHeader lowerMenuDialog" style="display: none;"></div>
<div class="toggleContainer">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="offsidebarContent">
<div class="sidebar-content">
<div class="panel panel-default">
<div class="panel-heading">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#mapOptions" aria-expanded="true" aria-controls="mapOptions" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
Map Options
</div>
<div class="panel-body collapse in" id="mapOptions">
<div style="width: 100%;">
<label class="boot-check" for="aggregateIndicators" id="aggregateIndicatorsLabel"> <input type="checkbox" id="aggregateIndicators" class="aggregateIndicators" checked=checked > Aggregate Indicators</label>
</div>
<div class="text-center">
<label for="legendSelect_1">Select Legend:</label>
</div>
<select class="form-control btn-group-sm selectpicker legend" id="legendSelect_1" title="Legend..." data-header="Legend" data-live-search="true" data-dropdown-align-right="true" data-container="body">
<option data-subtext="None"></option>
<optgroup label="Value Legends">
<option value="4" data-showvalueoverride="false" selected="selected">Flood Class</option>
</optgroup>
</select>
</div>
</div>
<div style="display:none;">
<input type="checkbox" aria-hidden="true" class="displayIndicators" checked="checked">
<input type="checkbox" aria-hidden="true" class="displayValues" checked=checked>
<input type="checkbox" aria-hidden="true" class="valuesInIndicators" >
</div>
</div>
<div class="sidebar-content">
<div class="indicatorLegend legendDisplayAlt">
<div class="legendInstance" data-legendid="4" style="">
<div class="panel">
<table class="table">
<thead>
<tr>
<th colspan="3">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#legendMapBody4" aria-expanded="true" aria-controls="legendMapBody4" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
Flood Class <span class='badge legendCounter legendCounter-total'>-</span>
</th>
</tr>
</thead>
<tbody class="collapse in" id="legendMapBody4">
<tr>
<td><div class="btn nolink" style="background-color:#eaffc4;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle3" value="3" label="toggle" checked="checked" /></td>
<td>Normal/Unclassified <span class='badge pull-right legendCounter legendCounter3'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ffe957;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle4" value="4" label="toggle" checked="checked" /></td>
<td>Minor Flooding <span class='badge pull-right legendCounter legendCounter4'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ff8e38;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle5" value="5" label="toggle" checked="checked" /></td>
<td>Moderate Flooding <span class='badge pull-right legendCounter legendCounter5'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ff0000;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle6" value="6" label="toggle" checked="checked" /></td>
<td>Major Flooding <span class='badge pull-right legendCounter legendCounter6'>-</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="legendInstance legendInstanceDefault" style="display: none;">
<div class="panel">
<table class="table">
<thead>
<tr>
<th colspan="3">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#legendMapBodyDefaultLocations" aria-expanded="true" aria-controls="legendMapBodyDefaultLocations" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
Locations <span class='badge legendCounter legendCounter-total'>-</span>
</th>
</tr>
</thead>
<tbody class="collapse in" id="legendMapBodyDefaultLocations">
<tr>
<td><div class="btn nolink" style="background-color:#fff;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle0" value="0" label="toggle" checked="checked" /></td>
<td>Locations <span class='badge pull-right legendCounter legendCounter0'>-</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="sidebar-content">
<div class="reflocLegend legendDisplayAlt"></div>
</div>
<div class="sidebar-content">
<div id="heatmapGroups" data-panel-expanded="true"></div>
<div class="heatmapLegend legendDisplayAlt"></div>
</div>
<div class="sidebar-content">
<div id="layersGroups" data-panel-expanded="true"></div>
</div>
<div class="sidebar-content">
<script type="text/javascript">
function InundationStartup() { }
</script>
</div>
</div>
</div>
<button id="mapoptions-button" type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target="#mapOptions-collapse" aria-expanded="false">
<label>Map Options:</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
</div>
<div id="MapLocalisedText" class="hidden" aria-hidden="true">
<div class="MapLoadFail">Map has failed to load. Please refresh this page and try again.<br /><br />Reason:</div>
<div class="MapCredentialsLoadFail">There is an error in the Map Credentials configurations. Secure map services won't work until this is fixed.</div>
<div class="LastUpdated">Last Updated</div>
<div class="HeatMapTitle">Heat Maps and Isolines</div>
<div class="Connected">Connected</div>
<div class="Connecting">Connecting</div>
<div class="Reconnecting">Reconnecting</div>
<div class="Disconnected">Disconnected</div>
<div class="HeatMap">Heat Map</div>
<div class="Isolines">Isolines</div>
<div class="Latitude">Latitude</div>
<div class="Longitude">Longitude</div>
<div class="SwitchToStatistic">Switch To Statistic</div>
<div class="ToggleReferenceLocations">Toggle Reference Locations</div>
<div class="ToggleHeatMap">Toggle Heat Map</div>
<div class="ToggleIsolines">Toggle Isolines</div>
<div class="ToggleMapLayer">Toggle Map Layer</div>
</div>
<script type="text/javascript">
window.ESRIMapSettings = "{ \"settings\": {\"activeBaseMapGroup\":\"DefaultMaps\",\"center\":[133.5674243,-18.3624199],\"zoom\":6,\"autoResize\":false,\"slider\":true,\"sliderStyle\":\"large\",\"homeButton\":true,\"locateButton\":true,\"scalebar\":{\"attachTo\":\"bottom-left\",\"scalebarStyle\":\"ruler\",\"scalebarUnit\":\"dual\"},\"overviewMap\":{\"attachTo\":\"bottom-right\"},\"baseMapButton\":true,\"coordinates\":true,\"locationSearch\":true,\"dimensionButton\":true,\"startDimension\":2,\"autoZoom\":false,\"indicatorLabels\":{\"textSize\":9,\"haloSize\":1,\"textColor\":\"black\",\"haloColor\":\"white\",\"bold\":false},\"spatialSearch\":true}, \"layerGroups\": [ {\"id\":\"DefaultMaps\",\"type\":\"map\",\"title\":\"Default Maps\",\"description\":\"Default Maps\",\"layers\":[{\"isDefault\":true,\"title\":\"Open Street Map\",\"description\":\"Open Street Map (OSM)\",\"thumbnail\":\"/Content/esri/openstreet.jpg\",\"layers\":[{\"type\":\"OpenStreetMapLayer\",\"options\":{}}]},{\"title\":\"Satellite Imagery\",\"description\":\"Satellite Imagery (ArcGIS)\",\"thumbnail\":\"/Content/esri/satellite.jpg\",\"layers\":[{\"type\":\"ArcGISTiledMapServiceLayer\",\"url\":\"https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer\",\"options\":{}},{\"type\":\"ArcGISTiledMapServiceLayer\",\"url\":\"https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer\",\"options\":{}}]}]} ] }";;
window.ESRILayerSettings = "{ \"credentials\": false, \"credentialsError\": false, \"layerGroups\": [] }";;
window.ESRILocX = null;
window.ESRILocY = null;
window.ESRIZoom = null;
</script>
</div>
<div class="tab-pane" id="tab_list">
<div class="row-offcanvas-left">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
<label class="contextDateSummary"></label>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form navbar-right navbar-toggle-right">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="navbar-form navbar-left">
<label for="parameterSelect_2">Select Parameter:</label>
<select class="form-control selectpicker parameters" id="parameterSelect_2" title="Parameters..." data-header="Parameters" data-width="200" data-live-search="true" data-size="auto" >
<option data-subtext="None"></option>
<optgroup label="Concentration">
<option value="70" data-code="O2 (Dis)">Dissolved Oxygen Concentration</option>
</optgroup>
<optgroup label="Conductivity">
<option value="66" data-code="Specific Conductance Field">Specific Conductance Field</option>
</optgroup>
<optgroup label="Length">
<option value="102" data-code="DepthBelowGround">DepthBelowGround</option>
<option value="23" data-code="Measured Water Level" selected="selected">Measured Water Level</option>
<option value="42" data-code="Rainfall">Rainfall</option>
<option value="24" data-code="Tidal Level">Tidal Level (completely tidal stream)</option>
<option value="103" data-code="Water Elevation (AHD)">Water Elevation</option>
</optgroup>
<optgroup label="NTU">
<option value="83" data-code="Turbidity NTU">Turbidity NTU</option>
</optgroup>
<optgroup label="pH">
<option value="40" data-code="pH">pH</option>
<option value="96" data-code="pH Field">pH Field measurement</option>
</optgroup>
<optgroup label="Proportion">
<option value="340" data-code="Dissolved oxygen %">Dissolved oxygen % - discrete</option>
</optgroup>
<optgroup label="Temperature">
<option value="59" data-code="Water Temp">Water Temperature</option>
</optgroup>
<optgroup label="Velocity">
<option value="84" data-code="Water Velocity">Water, velocity</option>
</optgroup>
<optgroup label="Volume">
<option value="45" data-code="Discharge Volume">Discharge Volume</option>
</optgroup>
<optgroup label="Volumetric Flow">
<option value="44" data-code="Stream Discharge">Stream Discharge</option>
</optgroup>
</select>
</div>
<div class="navbar-form navbar-left">
<label for="valuesSelect_2">Select Value:</label>
<select class="form-control values selectpicker" id="valuesSelect_2" title="Value..." data-header="Value" data-width="200" data-live-search="true" data-size="auto">
<option data-subtext="None"></option>
<optgroup data-id="Statistic" label="Statistics" data-subvaluetype="" data-subvaluepermalink="">
<option value="2" data-code="LATESTWATERLEVEL" selected="selected">Latest Water Level</option>
</optgroup>
<optgroup data-id="Location" label="Location Attributes" data-subvaluetype="" data-subvaluepermalink="">
<option value="Location_1" data-code="Identifier">Location Identifier</option>
<option value="Location_0" data-code="Name">Location Name</option>
</optgroup>
<optgroup data-id="ParameterRange" label="Flood Classifications" data-subvaluetype="" data-subvaluepermalink="">
<option value="ParameterRanges_1" data-code="Flood Classifications 1">Minor Flood</option>
<option value="ParameterRanges_2" data-code="Flood Classifications 2">Moderate Flood</option>
<option value="ParameterRanges_3" data-code="Flood Classifications 3">Major Flood</option>
</optgroup>
<optgroup data-id="ParameterRange" label="Trial" data-subvaluetype="" data-subvaluepermalink="">
<option value="ParameterRanges_8" data-code="Trial 1">High Flow</option>
</optgroup>
</select>
</div>
<div class="navbar-form navbar-left dateCombo">
<label>Date: </label>
<div class="btn-group datePopoverGroup noControls" role="group"
data-alldata="False"
data-seasonal="False"
data-allowseasonal="True"
data-custom="False"
data-referenceperiod="True"
data-calendar="True"
data-referenceperiodselect="True"
data-periodic="True">
<button class="btn btn-default btn-sm prev" aria-label="Previous"><span class="fa fa-chevron-left"></span></button>
<button type="button" class="btn btn-default btn-sm datePopover">
<span class="datePopoverSummary">-</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
</button>
<button class="btn btn-default btn-sm next" aria-label="Next"><span class="fa fa-chevron-right"></span></button>
</div>
</div>
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/List" data-baseurl="/Data/List" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li role="presentation" class="exportactions dropdown-header"><span class="fa fa-download fa-fw"></span> Export Grid</li><li class="exportactions"><a class="export_data" name="csv"><span class="fa fa-file-text-o fa-fw"></span> To CSV</a></li><li class="exportactions"><a class="export_data" name="excel"><span class="fa fa-file-excel-o fa-fw"></span> To Excel</a></li><li class="divider"></li><li class="bulkactions dropdown-header" role="presentation"><span class="fa fa-chevron-circle-right fa-fw"></span> Bulk Data Set Actions</li><li class="bulkactions"><a class="sendtoexport"><span class="fa fa-download fa-fw"></span> Send to Export</a></li><li class="divider"></li><li><a class="reset_data"><span class="fa fa-eraser fa-fw"></span> Reset Sort, Clear Filters</a></li><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
<div class="hidden listGridOptions" data-showstatecolumnds="True" data-showstatecolumnl="True"></div>
<div class="navbar-form navbar-right navbar-filter no-filters">
<button class="btn btn-sm ai-action-button"><span class="fa fa-filter"></span> Filter</button>
</div>
<div class="navbar-form navbar-right navbar-filter clear-filters no-filters">
<div class="filter-display">
<span class="filter-name">Filter</span>
<a class="filter-edit">Edit</a>
<span class="filter-clear"><a class="clearAllFilters" title="Remove Filter"><span class="fa fa-times"></span></a></span>
</div>
</div>
</div>
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn ai-white btn-sm col-xs-12 collapsed visible-xs" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
<label class="contextDateSummary"></label>
</button>
<div class="navbar-form navbar-right navbar-filter no-filters">
<button class="btn btn-sm ai-action-button"><span class="fa fa-filter"></span> Filter</button>
<div class="filter-display">
<span class="filter-name">Filter</span>
<div>
<a class="filter-edit">Edit</a>
<span class="filter-clear"><a class="clearAllFilters" title="Remove Filter"><span class="fa fa-times"></span></a></span>
</div>
</div>
</div>
</div>
<div class="content_row" data-defaultsort="Sequence" data-sortdirection="desc">
</div>
<div class="errorJumbo" style="display:none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-times-circle"></span> Error</h1>
<div>An unexpected error has occurred: Please try reloading the List.</div>
</div>
</div>
</div>
</div>
<div class="offsidebar">
<div id="listOptions-collapse" class="collapse navbar-collapse sidemenu-collapse">
<div class="modal-backdrop fade underHeader lowerMenuDialog" style="display: none;"></div>
<div class="toggleContainer">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="offsidebarContent">
<div class="sidebar-content">
<div class="panel panel-default">
<div class="panel-heading">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#listOptions" aria-expanded="true" aria-controls="listOptions" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
List Options
</div>
<div class="panel-body collapse in" id="listOptions">
<div class="text-center">
<label for="legendSelect_2">Select Legend:</label>
</div>
<select class="form-control btn-group-sm selectpicker legend" id="legendSelect_2" title="Legend..." data-header="Legend" data-live-search="true" data-dropdown-align-right="true" data-container="body">
<option data-subtext="None"></option>
<optgroup label="Value Legends">
<option value="4" data-showvalueoverride="false" selected="selected">Flood Class</option>
</optgroup>
</select>
</div>
</div>
<div class="indicatorLegendList legendDisplayAlt">
<div class="legendInstance" data-legendid="4" style="">
<div class="panel">
<table class="table">
<thead>
<tr>
<th colspan="3">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#legendListBody4" aria-expanded="true" aria-controls="legendListBody4" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
Flood Class <span class='badge legendCounter legendCounter-total'>-</span>
</th>
</tr>
</thead>
<tbody class="collapse in" id="legendListBody4">
<tr>
<td><div class="btn nolink" style="background-color:#eaffc4;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle3" value="3" label="toggle" checked="checked" /></td>
<td>Normal/Unclassified <span class='badge pull-right legendCounter legendCounter3'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ffe957;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle4" value="4" label="toggle" checked="checked" /></td>
<td>Minor Flooding <span class='badge pull-right legendCounter legendCounter4'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ff8e38;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle5" value="5" label="toggle" checked="checked" /></td>
<td>Moderate Flooding <span class='badge pull-right legendCounter legendCounter5'>-</span></td>
</tr>
<tr>
<td><div class="btn nolink" style="background-color:#ff0000;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle6" value="6" label="toggle" checked="checked" /></td>
<td>Major Flooding <span class='badge pull-right legendCounter legendCounter6'>-</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="legendInstance legendInstanceDefault" style="display: none;">
<div class="panel">
<table class="table">
<thead>
<tr>
<th colspan="3">
<button class="btn btn-xs ai-white pull-right " type="button" data-toggle="collapse" data-target="#legendListBodyDefaultLocations" aria-expanded="true" aria-controls="legendListBodyDefaultLocations" aria-label="Collapse Panel">
<span class="fa fa-chevron-down fa-fw"></span>
</button>
Locations <span class='badge legendCounter legendCounter-total'>-</span>
</th>
</tr>
</thead>
<tbody class="collapse in" id="legendListBodyDefaultLocations">
<tr>
<td><div class="btn nolink" style="background-color:#fff;"> </div></td>
<td class="toggleColumn"><input type="checkbox" class="legendToggle legendToggle0" value="0" label="toggle" checked="checked" /></td>
<td>Locations <span class='badge pull-right legendCounter legendCounter0'>-</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<button id="listoptions-button" type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target="#listOptions-collapse" aria-expanded="false">
<label>List Options:</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
</div>
</div>
<div class="tab-pane" id="tab_location">
<div class="row-offcanvas-left">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form navbar-right navbar-toggle-right">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="navbar-form navbar-left locationsMenu autocompleteSearch">
<label for="locationsSearch_1">Search for a Location:</label>
<select class="locationid form-control selectpicker closeOnClick " id="locationsSearch_1" title="Location..." data-header="Location" data-width="300" data-live-search="true" data-size="auto">
</select>
</div>
<div class="navbar-form navbar-left dateCombo">
<label>Date: </label>
<div class="btn-group datePopoverGroup noControls" role="group"
data-alldata="False"
data-seasonal="True"
data-allowseasonal="True"
data-custom="True"
data-referenceperiod="False"
data-calendar="True"
data-referenceperiodselect="True"
data-periodic="True">
<button class="btn btn-default btn-sm prev" aria-label="Previous"><span class="fa fa-chevron-left"></span></button>
<button type="button" class="btn btn-default btn-sm datePopover">
<span class="datePopoverSummary">-</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
</button>
<button class="btn btn-default btn-sm next" aria-label="Next"><span class="fa fa-chevron-right"></span></button>
</div>
</div>
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/Location" data-baseurl="/Data/Location" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li role="presentation" class="exportactions dropdown-header"><span class="fa fa-download fa-fw"></span> Export Grid</li><li class="exportactions"><a class="export_data" name="csv"><span class="fa fa-file-text-o fa-fw"></span> To CSV</a></li><li class="exportactions"><a class="export_data" name="excel"><span class="fa fa-file-excel-o fa-fw"></span> To Excel</a></li><li class="divider"></li><li><a class="reset_data"><span class="fa fa-eraser fa-fw"></span> Reset Sort, Clear Filters</a></li><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
</div>
<input type="hidden" class="LocationDefaultTab" value="" />
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn btn-sm col-xs-12 collapsed visible-xs" aria-expanded="false"><label>Select Data</label></button>
</div>
<div class="selectJumbo">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1>
<span class="fa fa-arrow-up"></span> Search for a Location
</h1>
<div>Search for a Location to display the Location</div>
</div>
</div>
</div>
<div class="errorJumbo" style="display: none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1>
<span class="fa fa-times-circle"></span> Error
</h1>
<div>An unexpected error has occurred: Please try reloading the Location.</div>
</div>
</div>
</div>
<div class="content_row context_tabs" style="display: none;">
</div>
<div id="LocationLocalisedText" class="hidden" aria-hidden="true">
<div class="SelectLocationAlert">Please select a Location to export</div>
<div class="ExportDataAlert">Cannot export Data from this tab, switch to an alternative tab to export Data</div>
<div class="UnknownExportAlert">Unknown Export Request</div>
<div class="Location">Location</div>
</div>
</div>
<div class="offsidebar">
<div id="locationOptions-collapse" class="collapse navbar-collapse sidemenu-collapse">
<div class="toggleContainer">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="offsidebarContent">
<div class="content-seriesside">
</div>
</div>
</div>
<button id="locationOptions-button" type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target="#locationOptions-collapse" aria-expanded="false">
<label>Location Options:</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
</div>
</div>
<div class="tab-pane" id="tab_dataset">
<div class="row-offcanvas-left">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form navbar-right navbar-toggle-right">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="navbar-form navbar-left locationsMenu autocompleteSearch">
<label for="locationsSearch_2">Search for a Location:</label>
<select class="locationid form-control selectpicker " id="locationsSearch_2" title="Location..." data-header="Location" data-width="300" data-live-search="true" data-size="auto">
</select>
</div>
<div class="navbar-form navbar-left datasetsMenu">
<label for="datasetsSearch_1">Select a Data Set:</label>
<select class="datasetid form-control selectpicker" id="datasetsSearch_1" title="Data Set..." data-header="Data Set" data-width="300" data-live-search="true" data-size="auto">
<option data-subtext="None"></option>
</select>
</div>
<div class="navbar-form navbar-left dateCombo">
<label>Date: </label>
<div class="btn-group datePopoverGroup noControls" role="group"
data-alldata="True"
data-seasonal="True"
data-allowseasonal="True"
data-custom="True"
data-referenceperiod="False"
data-calendar="True"
data-referenceperiodselect="True"
data-periodic="True">
<button class="btn btn-default btn-sm prev" aria-label="Previous"><span class="fa fa-chevron-left"></span></button>
<button type="button" class="btn btn-default btn-sm datePopover">
<span class="datePopoverSummary">-</span>
<span class="fa fa-calendar form-control-feedback text-muted"></span>
</button>
<button class="btn btn-default btn-sm next" aria-label="Next"><span class="fa fa-chevron-right"></span></button>
</div>
</div>
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/DataSet" data-baseurl="/Data/DataSet" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li role="presentation" class="dropdown-header"><span class="fa fa-download fa-fw"></span> Export Image</li><li><a class="export_data" name="png"><span class="fa fa-file-image-o fa-fw"></span> To PNG</a></li><li><a class="export_data" name="jpg"><span class="fa fa-file-image-o fa-fw"></span> To JPG</a></li><li class="exportactions divider"></li><li role="presentation" class="exportactions dropdown-header"><span class="fa fa-download fa-fw"></span> Export Grid</li><li class="exportactions"><a class="export_data" name="csv"><span class="fa fa-file-text-o fa-fw"></span> To CSV</a></li><li class="exportactions"><a class="export_data" name="excel"><span class="fa fa-file-excel-o fa-fw"></span> To Excel</a></li><li class="divider"></li><li><a class="reset_data"><span class="fa fa-eraser fa-fw"></span> Reset Sort, Clear Filters</a></li><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
</div>
<input type="hidden" class="DataSetDefaultTab" value="" />
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn btn-sm col-xs-12 collapsed visible-xs" aria-expanded="false"><label>Select Data</label></button>
</div>
<div class="selectJumbo">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-arrow-up"></span> Select Data Set</h1>
<div>Search for a Location then select a Data Set above to display the Data Set</div>
</div>
</div>
</div>
<div class="errorJumbo" style="display:none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-times-circle"></span> Error</h1>
<div>An unexpected error has occurred: Please try reloading the Data Set.</div>
</div>
</div>
</div>
<div class="content_row context_tabs" style="display: none;">
</div>
<div id="DataSetLocalisedText" class="hidden" aria-hidden="true">
<div class="ExportImageAlert">Cannot export Image from this tab, switch to the Chart tab to export Images</div>
<div class="ExportDataAlert">Cannot export Data from this tab, switch to an alternative tab to export Data</div>
<div class="UnknownExportAlert">Unknown Export Request</div>
<div class="SelectDataSetImageAlert">Select a Data Set first to Export Images</div>
<div class="SelectDataSetDataAlert">Select a Data Set first to Export Data</div>
<div class="ChartNotFoundAlert">Chart couldn't be found, export has failed</div>
<div class="ChartError">An unexpected error has occurred: Please try refreshing the Chart data.</div>
<div class="PercentileError">One or more Percentile Layers could not be displayed.</div>
<div class="StatisticRequired">A statistic is required</div>
<div class="Compress">Compress</div>
</div>
</div>
<div class="offsidebar">
<div class="toggleContainer">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="collapse navbar-collapse sidemenu-collapse datasetOptions-collapse">
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8DCcFiXrjzhLneCgEESWkBgpbh8UxR_hKPpwlDvygMA48Ik-axcUsI-feY6Aq9-gzIqAZUJbLaEkBXyS3NRkwbWUmc1YwyPXxamEt2Ovw0bKKiffIj9E7m8m3As5OSJjCzlqhW_eTnGVPj2EMyaQ5UI" />
<div class="offsidebarContent">
<div class="content-seriesside chartSidebar">
</div>
</div>
</div>
<button id="datasetOptions-button" type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".datasetOptions-collapse" aria-expanded="false">
<label>Data Set Options:</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
</div>
</div>
<div class="tab-pane" id="tab_export">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<input type="hidden" id="exportdefault"/>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
<div class="collapse navbar-collapse control-row-collapse closeOnClick">
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/Export" data-baseurl="/Data/Export" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
</div>
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" aria-expanded="false"><label>Select Data</label></button>
</div>
<div class="content_row" style="overflow-y: scroll;">
</div>
<div class="errorJumbo" style="display:none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-times-circle"></span> Error</h1>
<div>An unexpected error has occurred: Please try reloading the Export.</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab_reports">
<div class="">
<div class="modal-backdrop fade underHeader subMenuDialog" style="display: none;"></div>
<div class="row controls_row">
<div class="modal-backdrop fade underHeader subSubMenuDialog" style="display: none;"></div>
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form navbar-right navbar-toggle-right">
<a href="#" class="btn btn-sm toggle-offside hidden-xs" data-toggle="offsidebar" title="Hide/Expand Right-Side Panel"><span class="sr-only">Hide/Expand Right-Side Panel</span><em class="fa"></em></a>
</div>
<div class="navbar-form navbar-left">
<label for="infoRequestSelect_1">Select Info Request:</label>
<div class="form-group">
<select class="form-control selectpicker inforequest" id="infoRequestSelect_1" title="Info Request..." data-header="Info Request" data-width="200px" data-live-search=true>
<option data-subtext="None"></option>
</select>
</div>
</div>
<div class="navbar-form navbar-left infoArgs">
<label for="infoRequestArguments_1">Type Optional Arguments:</label>
<div class="form-group">
<input type="text" id="infoRequestArguments_1" class="form-control input-sm" placeholder="Info Request Arguments" />
</div>
</div>
<div class="navbar-form navbar-left">
<button class="btn btn-sm ai-white run_inforequest closeOnClick" title="Run Info Request" style=""><span class="fa fa-info-circle fa-fw"></span> Run Info Request</button>
</div>
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/Report" data-baseurl="/Data/Report" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li role="presentation" class="exportactions dropdown-header"><span class="fa fa-download fa-fw"></span> Export Grid</li><li class="exportactions"><a class="export_data" name="txt"><span class="fa fa-file-text-o fa-fw"></span> To Text</a></li><li class="divider"></li><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
</div>
</div>
<div class="row controls_row visible-xs hidden-menu" style="position: relative; z-index: 0;">
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" aria-expanded="false"><label>Select Data</label></button>
</div>
<div class="content_row selectJumbo">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1>
<span class="fa fa-arrow-right"></span> Select Report
</h1>
<div>Select a Report to be downloaded to your machine</div>
</div>
</div>
</div>
<div class="content_row errorJumbo" style="display:none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-times-circle"></span> Error</h1>
<div>An unexpected error has occurred: Please try reloading the Information Request.</div>
</div>
</div>
</div>
<div class="content_row infoJumbo" style="display:none;">
<div class="col-sm-10 col-sm-offset-1">
<div class="jumbotron">
<h1><span class="fa fa-arrow-up"></span> Type Info Request Arguments</h1>
<div>Type Info Request Arguments and press the "Run Info Request" button.</div>
<br />
</div>
</div>
</div>
<div class="content_row infoRequestDisplay" style="display:none;">
</div>
</div>
<div id="ReportsLocalisedText" class="hidden" aria-hidden="true">
<div class="CollapseBranch">Collapse this branch</div>
<div class="ExpandBranch">Expand this branch</div>
<div class="ErrorLoading">There was an error loading the Reports List. Refresh the page to try again.</div>
<div class="EnterArguments">Please type some arguments to export the Info Request</div>
<div class="SelectInfoRequest">Please select an Info Request to export</div>
<div class="NoneAvailable">None available</div>
<div class="InfoRequest">Info Request</div>
</div>
</div>
<div class="tab-pane" id="tab_dashboard">
<div class="row controls_row">
<button type="button" class="btn btn-sm ai-white col-xs-12 collapsed visible-xs" data-toggle="collapse" data-target=".control-row-collapse" aria-expanded="false">
<label class="contextSummary">Select Data</label>
<span class="fa fa-caret-down fa-fw" style="float: right;"></span>
</button>
<div class="collapse navbar-collapse control-row-collapse">
<div class="navbar-form pull-right"> <div class="btn-group text-left"> <button class="btn btn-flat btn-sm dropdown-toggle" title="Options Menu" data-toggle="dropdown"> <span class="visible-xs" style="float: left; ">Options</span><span class="sr-only">Options Menu</span> <span class="fa fa-sliders fa-fw"></span> <span class="caret"></span> </button> <span class="permalink"><input type="hidden" value="/Data/Dashboard" data-baseurl="/Data/Dashboard" /></span> <ul class="dropdown-menu dropdown-menu-right" role="menu"><li><a class="refresh_data"><span class="fa fa-refresh fa-fw"></span> Refresh Data</a></li> </ul> </div></div>
</div>
</div>
<div class="row controls_row visible-xs" style="position: relative; z-index: 0;">
<button type="button" class="btn btn-sm col-xs-12 collapsed visible-xs" aria-expanded="false"><label>Select Data</label></button>
</div>
<div class="content_row">
</div>
</div>
</div>
</section>
</section>
<div id="filterDialog" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" data-keyboard="false" data-filters-dataset="0" role="dialog"></div>
<div id="filterDialogPermalink" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" data-keyboard="false" role="dialog"><div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><span class="fa fa-fw fa-share-alt"></span> Filter Share Permalink</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-12">
The following link can be used to share the Filter:
</div>
</div>
<div class="row">
<div class="col-sm-8">
<textarea class="form-control filterPermalinkAddress" rows="4" readonly="readonly"></textarea>
</div>
<div class="col-sm-4">
<button type="button" class="btn btn-default copyText" data-clipboard-target="#filterDialogPermalink .filterPermalinkAddress">Copy to Clipboard</button>
<h6 class="copiedText" style="display:none;">Text Copied</h6>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
</div>
</div>
</div></div>
<script type="text/javascript">
$(function () {
aqPortal.Control.Init(false, false, true, false, null, "Anonymous", "Anonymous", "", "Anonymous", 2, "Anonymous", function ()
{
aqPortal.SetAutoComplete($(".locationsMenu"), aqPortal.BaseSiteURL() + "/Data/SearchLocations", 10, aqPortal.Control.GetFolderAutocompleteFilter);
aqPortal.SetAutoComplete($(".foldersMenu"), aqPortal.BaseSiteURL() + "/Data/SearchFolders", 10);
});
});
window.initialFolderSubtab = "";
window.initialLocationSubtab = "";
window.initialDatasetSubtab = "";
window.showLocationFolder = "true";
window.showLocationType = "false";
</script>
<div id="menuDialog" class="modal-backdrop fade underHeader" style="display: none;"></div>
</section>
<div id="widgetDialog" class="largeModal modal fade" tabindex="-1" aria-labelledby="Modal" data-backdrop="static" data-keyboard="false" role="dialog"></div>
<div id="formDialog" class="largeModal modal fade" tabindex="-1" aria-labelledby="Modal" data-keyboard="false" role="dialog"></div>
<div id="datasetChartDialog" class="modal fade largeModal" tabindex="-1" aria-labelledby="Modal" data-keyboard="false" data-changed="false" data-msg="Changes have been made to the current Chart. Are you sure you want to clear those changes?" data-delete="Are you sure you want to delete this Chart?" role="dialog"></div>
<div id="chartDialog" class="modal fade largeModal" tabindex="-1" aria-labelledby="Modal" data-keyboard="false" data-changed="false" data-msg="Changes have been made to the current Chart. Are you sure you want to clear those changes?" data-delete="Are you sure you want to delete this Chart?" role="dialog"></div>
<div id="notificationDialog" class="modal fade" tabindex="-1" aria-labelledby="Modal" data-backdrop="static" data-keyboard="false" role="dialog"></div>
<div id="LocalisedText" class="hidden" aria-hidden="true">
<div class="UnexpectedError">An unexpected error has occurred.</div>
<div class="LoadError">Error loading content, please refresh and try again. If the error is persistent, please contact your WebPortal Administrator.</div>
<div class="AutoCompleteResults">Displaying TOTAL of EXTRA</div>
<div class="AutoCompleteNoResults">No results found</div>
<div class="SearchLocation">Search for a Location</div>
<div class="SearchPerson">Search for a Person</div>
<div class="None">None</div>
<div class="Close">Close</div>
<div class="Error">Error</div>
<div class="OK">OK</div>
<div class="Cancel">Cancel</div>
<div class="Apply">Apply</div>
<div class="DataSets">Data Sets</div>
<div class="DataSet">Data Set</div>
<div class="Location">Location</div>
<div class="Custom">Custom Range</div>
<div class="True">True</div>
<div class="False">False</div>
<div class="NA">N/A</div>
<div class="AlertMessage">Message</div>
<div class="Data">Data</div>
<div class="SelectData">Select Data</div>
<div class="Percentile">Percentile</div>
<div class="Seasonal">Seasonal</div>
<div class="Latest">Latest Data</div>
<div class="Date">Date</div>
<div class="Undo">Undo</div>
<div class="And">and</div>
<div class="ChangesMade">Changes Made</div>
<div class="FieldRequired">This field is required.</div>
<div class="SuccessfullySavedExportTemplate">Successfully saved the Export Template.</div>
<div class="AtleastOneDataset">At least one Data Set must be added to the Export.</div>
<div class="HiddenDatasets">The COUNT selected Data Sets have been hidden. </div>
<div class="1HiddenDataset">The 1 selected Data Set has been hidden. </div>
<div class="ClickToDisplay">Click here to display them.</div>
<div class="CollapsePanel">Collapse Panel</div>
<div class="ToggleLegend">Toggle Legend</div>
<div class="Toggle">Toggle</div>
<div class="Global">Global</div>
<div class="ViewGroup">View Group</div>
<div class="User">User</div>
<div class="SelectValue">Select Value</div>
<div class="SelectNoResults">Nothing selected</div>
<div class="SelectItemsSelected">Items selected: {0}</div>
<div class="SelectAll">Select All</div>
<div class="DeselectAll">Deselect All</div>
<div class="AllData">All Data</div>
<div class="Filter">Filter</div>
<div class="Filters">Filters</div>
<div class="SavedFilter">Successfully saved the Filter.</div>
<div class="FilterLoadFail">An unexpected error has occurred: Unable to load the selected Filter.</div>
<div class="UnexpectedErrorFilters">An unexpected error has occurred: Unable to retrieve the Filters list.</div>
<div class="SaveFilterValidationError">Validation errors saving filter:<br /></div>
<div class="SaveFilterError">An unspecified error occurred trying to save the Filter.</div>
<div class="NoFilter">You must add at least one Filter before trying to save.</div>
<div class="LocationCount">1 Location</div>
<div class="LocationsCount">COUNT Locations</div>
<div class="DataSetCount">1 Data Set</div>
<div class="DataSetsCount">COUNT Data Sets</div>
<div class="ClearFilter">Clear 1 Filter</div>
<div class="ClearFilters">Clear COUNT Filters</div>
<div class="MapPOLYGON">Polygon</div>
<div class="MapCIRCLE">Circle</div>
<div class="MapRECTANGLE">Rectangle</div>
<div class="MapSelectionFailed">An error occured trying to filter the map by the spatial selection.</div>
<div class="NormalizeMapSelectionFailed">An error occured trying to filter the map by the spatial selection.<br><br>Note: It is not possible to filter by a spatial selection that crosses the International Date Line.</div>
<div class="CanBeShared">Can be shared with everyone</div>
<div class="CanBeVGShared">Can be shared with members of the 'VIEWGROUP' View Group</div>
<div class="CannotBeShared">Cannot be shared - only visible to you</div>
<div class="SelectAParameter">Select a Parameter to enable Data Set Attribute Filters</div>
<div class="AllValues">All values:</div>
<div class="AnyValue">Any value:</div>
<div class="Remove">Remove</div>
<div class="ParameterChangeWithSeasonalChart">The selected Parameter has no reference periods, and will switch to a Periodic interval, clearing the current Chart. Are you sure you want to proceed?</div>
<div class="AlertResetData">Unable to reset the data, grid was not found.</div>
<div class="UnexpectedErrorCharts">An unexpected error has occurred: Unable to retrieve the Charts list.</div>
<div class="UnexpectedErrorFilterData">An unexpected error has occurred: Unable to retrieve the Filter Data dialog.</div>
<div class="Today">Today</div>
<div class="Week">Last 7 Days</div>
<div class="Month">Last 30 Days</div>
<div class="6Month">6 Months</div>
<div class="1Year">1 Year</div>
<div class="From">From</div>
<div class="To">to</div>
<div class="Days">Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday</div>
<div class="DaysShort">Su,Mo,Tu,We,Th,Fr,Sa</div>
<div class="Months">January,February,March,April,May,June,July,August,September,October,November,December</div>
<div class="MonthsShort">Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec</div>
<div class="CurrentDate">Current Date</div>
<div class="ClearDate">Clear Date</div>
<div class="CurrentMonth">Current Month</div>
<div class="CurrentYear">Current Year</div>
<div class="CurrentDecade">Current Decade</div>
<div class="CurrentCentury">Current Century</div>
<div class="PleaseConfirm">Please confirm</div>
<div class="NotifyNoMessage">Notify: No message specified</div>
<div class="ExportError">An unexpected error has occurred: Export failed. Please try again later.</div>
<div class="ExportSaveError">An unexpected error has occurred: Failed to Save the Export Template. Please try again later.</div>
<div class="ApiUrlTooLong">Export API URL would exceed maximum URL length.</div>
<div class="ExportFormInvalid">Selected export options are incomplete or contain errors.</div>
<div class="MaintenanceMessage">AQUARIUS WebPortal will undergo scheduled maintenance from STARTDATE to ENDDATE (UTCOFFSET)</div>
<div class="Loading">Loading</div>
<div class="NoChartData">There is no Data to display for the selected Date, Zoom Level or Approval Level</div>
<div class="ChartError">An unexpected error has occurred: Please try refreshing the Chart data.</div>
<div class="AxisNameUnique">The Axis Name must be unique.</div>
<div class="Less">Less</div>
<div class="More">More</div>
<div class="SuccessfullySavedChart">Successfully saved the Chart.</div>
<div class="NoneAvailable">None Available at Location</div>
<div class="NoneForParameter">None Available for this Parameter</div>
<div class="Grade">Grade</div>
<div class="Approval">Approval</div>
<div class="Approvals">Approvals</div>
<div class="Qualifier">Qualifier</div>
<div class="Qualifiers">Qualifiers</div>
<div class="ShowOnChart">To Chart</div>
<div class="TooManyDataSets">Too Many Data Sets Selected</div>
<div class="SendAllDataSets">Send all Data Sets</div>
<div class="TooManyDataSetsWarn">TOTAL Data Sets have been selected to display on a Chart. Are you sure you want to continue to the Chart? </div>
<div class="TooManyDataSetsExportWarn">TOTAL Data Sets have been selected to export. Are you sure you want to continue? </div>
<div class="TooManyDataSetsExportInlineWarn">TOTAL Data Sets have been selected to export. Exporting a large number of Data Sets may take some time.</div>
<div class="TooManyDataSetsExportInlineError">Too Many Data Sets Selected to Export. No more than TOTAL can be exported at once.</div>
<div class="Now">Now</div>
<div class="FieldVisitAdded">Field Visits added</div>
<div class="NoResults">No Results</div>
<div class="EmptySchematicQuery">The Schematic query returned no results</div>
<div class="FailedSchematicQuery">An unexpected error has occurred: Unable to load the Schematic data</div>
<div class="MapNotSpecified">An unexpected error has occurred: Map settings not specified.</div>
<div class="MapParseError">An unexpected error has occurred: Map settings failed to parse.</div>
<div class="NoMapGroupsLayers">An unexpected error has occurred: No map/layer groups specified.</div>
<div class="NoMapGroups">An unexpected error has occurred: No map groups specified.</div>
<div class="NoSettingsMapGroups">An unexpected error has occurred: Map settings not specified and there are no map groups or layers.</div>
<div class="LayerTypeNotSupported">An unexpected error has occurred: Layer type: TYPE not supported.</div>
<div class="PopupDataError">Unable to load popup data for {LOCATION}.</div>
<div class="SelectBaseMap">Select a Base Map</div>
<div class="MapSelectionFilter">Filter by map selection</div>
<div class="Switch3D">Switch to 3D</div>
<div class="Switch2D">Switch to 2D</div>
<div class="ClusterCount">This aggregation represents {cluster_count} Locations.</div>
<div class="RelatedDataSet">Related Data Set</div>
<div class="LocationNotOnMap">The Location you have searched for is not currently visible on the map.<br />To show the Location on the map, try removing any filters or switching to Parameters 'None'.</div>
<div class="ShapeRadius">Radius:</div>
<div class="ShapeRadiusKilometers">km</div>
<div class="ShapeRadiusMiles">miles</div>
<div class="Unlimited">Unlimited</div>
<div class="EnterUsername">Enter the username of the TYPE Account</div>
<div class="AccountLinked">WebPortal account linked to TYPE Account:</div>
<div class="AreYouSureRemove">Are you sure you want to remove the Link to this TYPE Account?</div>
<div class="UnspecifiedError">An unexpected error has occurred: Unable to load the Status Message</div>
<div class="Secs">secs</div>
<div class="DefineAlertMessage">Define a 'Trigger Function' and 'Alert Trigger - Message Definition' to test the trigger.</div>
<div class="SelectGlobalSetting">Please select a Global Setting group first</div>
<div class="MicrosoftAzure">Microsoft Azure</div>
<div class="StopSyncing">Are you sure you want to stop synchronising this item?</div>
<div>Average</div>
<div>Minimum</div>
<div>Maximum</div>
<div>Value at End of Interval</div>
<div>Total</div>
<div>Average Rate</div>
<div>Flooding Level</div>
<div>Intensity</div>
<div class="FloodingPublishSuccessful">Successfully published the flood monitoring setup.</div>
</div>
<div id="bdialog" class="modal fade" tabindex="-1" aria-labelledby="Modal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn ai-action-button">OK</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</body>
</html>
"""
[6]:
params = aquarius_webportal.parse_params_from_html(source)
[7]:
params
[7]:
| param_id | param_name | param_desc | |
|---|---|---|---|
| 0 | 70 | O2 (Dis) | Dissolved Oxygen Concentration |
| 1 | 66 | Specific Conductance Field | Specific Conductance Field |
| 2 | 102 | DepthBelowGround | DepthBelowGround |
| 3 | 23 | Measured Water Level | Measured Water Level |
| 4 | 42 | Rainfall | Rainfall |
| 5 | 24 | Tidal Level | Tidal Level (completely tidal stream) |
| 6 | 103 | Water Elevation (AHD) | Water Elevation |
| 7 | 83 | Turbidity NTU | Turbidity NTU |
| 8 | 40 | pH | pH |
| 9 | 96 | pH Field | pH Field measurement |
| 10 | 340 | Dissolved oxygen % | Dissolved oxygen % - discrete |
| 11 | 59 | Water Temp | Water Temperature |
| 12 | 84 | Water Velocity | Water, velocity |
| 13 | 45 | Discharge Volume | Discharge Volume |
| 14 | 44 | Stream Discharge | Stream Discharge |
| 15 | 2 | LATESTWATERLEVEL | Latest Water Level |
You can then save this as a spreadsheet to manually use in your code, or however you want to do it.
The IDs may change if the Web Portal is upgraded.