angular.module('myApp').run(['$templateCache',function(t){t.put('/Modules/RoadsReporting/Shared/Templates/confirm-modal.html','<md-dialog>    <md-toolbar>        <div class="md-toolbar-tools">            <h2>{{vm.modalData.modalHead}}</h2>            <span flex></span>            <md-button class="md-icon-button md-btn-light" ng-click="vm.cancel()">                <i class="fa fa-2x fa-times-circle-o"></i>            </md-button>        </div>    </md-toolbar>    <md-dialog-content>        <div class="md-dialog-content">            <p>{{vm.modalData.modalBody}}</p>        </div>    </md-dialog-content>    <md-dialog-actions layout="row">        <md-button ng-click="vm.cancel()">            <i class="fa fa-times text-danger"></i> Cancel        </md-button>        <md-button type="submit" ng-click="vm.ok()">            <i class="fa fa-check text-success"></i> Confirm        </md-button>    </md-dialog-actions></md-dialog>');t.put('/Modules/RoadsReporting/Shared/Templates/disclaimer-modal.html','<md-dialog aria-label="Disclaimer" flex-gt-sm="75" flex-gt-md="35">    <md-toolbar style="min-height: 0;">        <div class="md-toolbar-tools text-center">            <h3 class="margin-center">{{vm.modalHead}}</h3>        </div>    </md-toolbar>    <md-dialog-content>        <div class="md-dialog-content text-center">            <p>{{vm.modalBody}}</p>        </div>        <br/>        <br/>    </md-dialog-content>    <md-dialog-actions layout="column" class="md-toolbar-light">        <md-button ng-click="vm.ok()" md-autofocus flex class="md-raised">            <i class="fa fa-check text-success"></i> Accept        </md-button>    </md-dialog-actions></md-dialog>');t.put('/Modules/RoadsReporting/Shared/Templates/emergency-broadcast-modal.html','<md-dialog flex-gt-sm="75" flex-gt-md="35">    <md-toolbar class="md-toolbar-emergency">        <div class="md-toolbar-tools">            <h2 style="color: #edff00;">                <i class="fa fa-exclamation-triangle"></i> Emergency Broadcast            </h2>            <span flex></span>        </div>    </md-toolbar>    <md-dialog-content>        <div class="md-dialog-content">            <div ng-repeat="broadcast in vm.broadcasts">                <h4>                    {{broadcast.title}}                </h4>                <div>                    {{broadcast.content}}                </div>            </div>            <br />            <p style="font-size: 12px;">                Emergency broadcasts can be viewed at any time by clicking on the emergency broadcast button in the top right, under the Nothern Territory Government logo.            </p>        </div>    </md-dialog-content>    <md-dialog-actions layout="row" layout-align="center center" class="md-toolbar-light">            <md-button type="submit" ng-click="vm.viewBroadcasts()">                <i class="fa fa-check text-success"></i> View Announcements            </md-button>    </md-dialog-actions></md-dialog>');t.put('/Modules/RoadsReporting/Shared/Templates/error-not-found.html','<div style="color: #222;">    <div class="col-md-12">        <h1 class="text-center hidden-xs" style="padding-top: 40px; font-size: 5em; color: #000;">Page not found</h1>        <h1 class="text-center visible-xs" style="padding-top: 30px; font-size: 3em; color: #000;">Page not found</h1>        <br class="hidden-xs" />        <h2 class="text-center">            <small style="color: #8e382a">                This page seems to have disappeared... or maybe it never existed.                <br/>                <br class="visible-xs" />                <span style="color: #000;">                    <a class="clickable" style="color: #000;" data-ng-click="vm.goTo(\'home\')" class="prevent-focus">Home</a> |                    <a class="clickable" style="color: #000;" data-ng-click="vm.viewMap()" class="prevent-focus">Road Map</a> |                    <a class="clickable" style="color: #000;" data-ng-click="vm.goTo(\'road-reports\')" class="prevent-focus">Road Reports</a> |                    <a class="clickable" style="color: #000;" data-ng-click="vm.goTo(\'information\')" class="prevent-focus">Information</a>                </span>            </small>        </h2>        <br />        <div class="text-center hidden-xs" style="padding-top: 40px; padding-bottom: 80px;">            <i class="fa fa-5x fa-question-circle text-center" style="font-size: 25vw; color: #dcdcdc;"></i>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Shared/Templates/feedback-modal.html','<md-dialog>    <form name="feedbackForm" novalidate ng-submit="vm.ok()">        <md-toolbar>            <div class="md-toolbar-tools">                <h2>Website Feedback</h2>                <span flex></span>                <md-button class="md-icon-button md-btn-light" ng-click="vm.cancel()">                    <i class="fa fa-2x fa-times-circle-o"></i>                </md-button>            </div>        </md-toolbar>        <md-dialog-content>            <div class="md-dialog-content">                <div>                    <p>Please take a moment to fill out the questionaire and let us know what you think about the Northern Territory Roads Reporting website.</p>                    <br/>                </div>                <div class="form-group md-slider-form">                    <label class="text-primary">1. Overall, how well does this website meet you needs?</label>                    <md-slider class="md-primary" flex md-discrete ng-model="vm.feedback.overallRating" step="1" min="1" max="5" aria-label="Overall website rating" md-autofocus></md-slider>                    <div class="md-hint">1 = Very Poorly, 2 = Poorly, 3 = Average, 4 = Well, 5 = Very Well</div>                </div>                <div class="form-group md-slider-form">                    <label class="text-primary">2. How easily can you locate road restrictions of interest?</label>                    <md-slider class="md-primary" flex md-discrete ng-model="vm.feedback.locateRestrictionsRating" step="1" min="1" max="5" aria-label="Overall website rating"></md-slider>                    <div class="md-hint">1 = Very Difficult, 2 = Difficult, 3 = Average, 4 = Easily, 5 = Very Easily</div>                </div>                <div class="form-group md-slider-form">                    <label class="text-primary">3. Please rate how easy it is to interpret restrictions on the road map.</label>                    <md-slider class="md-primary" flex md-discrete ng-model="vm.feedback.interpretRestrictionsRating" step="1" min="1" max="5" aria-label="Overall website rating"></md-slider>                    <div class="md-hint">1 = Very Difficult, 2 = Difficult, 3 = Average, 4 = Easily, 5 = Very Easily</div>                </div>                <div class="form-group md-slider-form">                    <label class="text-primary">4. How likely is is that you will recommend this website to a friend or colleague?</label>                    <md-slider class="md-primary" flex md-discrete ng-model="vm.feedback.recommendRating" step="1" min="1" max="5" aria-label="Overall website rating"></md-slider>                    <div class="md-hint">1 = Very Unlikely, 2 = Unlikely, 3 = Possible, 4 = Likely, 5 = Very Likely</div>                </div>                <div class="form-group">                    <label class="text-primary">5. Did you use the previous NT Road Report website?</label>                    <md-input-container class="md-block">                        <md-radio-group name="usedPreviousRdo" ng-model="vm.feedback.usedPreviousWebsite" layout="row" ng-required="true">                            <md-radio-button ng-value="true" aria-label="Yes"  class="md-primary">Yes</md-radio-button>                            <md-radio-button ng-value="false" aria-label="No"  class="md-primary">No</md-radio-button>                        </md-radio-group>                    </md-input-container>                </div>                <div class="form-group">                    <label class="text-primary">6. How did you hear about the new website?</label>                    <md-input-container class="md-block">                        <md-select name="heardWebsiteSlt" ng-model="vm.feedback.heardOfWebsite" required>                            <md-option ng-repeat="item in vm.mediaTypeOptions.dataSource" ng-value="item.value">                                {{item.name}}                            </md-option>                        </md-select>                        <div class="errors" ng-messages="feedbackForm.heardWebsiteSlt.$error">                            <div ng-message="required">Required.</div>                        </div>                    </md-input-container>                    <md-input-container class="md-block" ng-if="vm.feedback.heardOfWebsite == \'Other\'">                        <label>Please Specify...</label>                        <input name="heardWebsiteTxt" ng-model="vm.feedback.heardOfWebsiteOther" required>                        <div ng-messages="feedbackForm.heardWebsiteTxt.$error">                            <div ng-message="required">Required.</div>                        </div>                    </md-input-container>                </div>                <div class="form-group">                    <label class="text-primary">7. Please describe your use of the website.</label>                    <md-input-container class="md-block">                        <md-select name="useOfWebsiteSlt" ng-model="vm.feedback.useOfWebsite" required>                            <md-option ng-repeat="item in vm.websiteUseOptions.dataSource" ng-value="item.value">                                {{item.name}}                            </md-option>                        </md-select>                        <div class="errors" ng-messages="feedbackForm.useOfWebsiteSlt.$error">                            <div ng-message="required">Required.</div>                        </div>                    </md-input-container>                </div>                <div class="form-group">                    <label class="text-primary">8. Please describe your vehicle type.</label>                    <md-input-container class="md-block">                        <md-select name="vehicleTypeSlt" ng-model="vm.feedback.vehicleType" required>                            <md-option ng-repeat="item in vm.vehicleTypeOptions.dataSource" ng-value="item.value">                                {{item.name}}                            </md-option>                        </md-select>                        <div class="errors" ng-messages="feedbackForm.vehicleTypeSlt.$error">                            <div ng-message="required">Required.</div>                        </div>                    </md-input-container>                </div>                <div class="form-group">                    <md-input-container class="md-block">                        <label class="text-primary">9. How can we improve this website further?</label>                        <textarea ng-model="vm.feedback.comment" md-maxlength="500" rows="3" md-select-on-focus></textarea>                    </md-input-container>                </div>                <div class="form-group">                    <div vc-recaptcha key="\'6LfEYCEUAAAAAD6imOVwf3QauDjzSUg345ms_ESp\'"                         theme="\'light\'" on-create="vm.updateRecaptcha(widgetId)"                         ng-model="vm.recaptchaResponse" class="recaptcha-sm"></div>                </div>            </div>        </md-dialog-content>        <md-dialog-actions layout="row" class="md-toolbar-light">            <md-button ng-click="vm.cancel()">                <i class="fa fa-times text-danger"></i> Cancel            </md-button>            <md-button type="submit" ng-disabled="!vm.recaptchaLoaded">                <i class="fa fa-check text-success"></i> Submit            </md-button>        </md-dialog-actions>    </form></md-dialog>');t.put('/Modules/RoadsReporting/Shared/Templates/obstruction-tooltip-template.html','<small style=" z-index: 999999;">    <b>{{marker.iconName}}</b>    <br />    {{marker.toolTip}}</small>');t.put('/Modules/RoadsReporting/Home/Templates/home.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="column" layout-fill flex>    <div class="homepage fill-height">        <div class="home-image-text-overlay" style="overflow: hidden;">            <h1>                Check.<br/>                Plan.<br/>                Go.            </h1>        </div>        <div style="overflow: hidden; min-height: 300px;">            <div class="home-header-image col-md-12" style="overflow: hidden;">                <img src="../../../Content/images/home-display-image.jpg" alt="Birds eye view of road with red desert sand on the left and right side" style="overflow: hidden;"/>            </div>        </div>        <div class="row double-row">            <div ng-if="vm.showEnvWarning()"> <!--ng-if="vm.showEnvWarning()"-->                <h1 class="test-build-warning hidden-xs">TEST BUILD - DO NOT USE</h1>                <h1 class="test-build-warning visible-xs">NOT FOR USE</h1>            </div>            <div class="visible-xs visible-sm emergency-broadcast-panel clickable" ng-click="vm.viewBroadcasts()" ng-if="vm.broadcasts.length > 0">                <div class="row double-row text-center">                    <h3>                        <i class="fa fa-warning"></i> Emergency Broadcast                    </h3>                    <div ng-repeat="broadcast in vm.broadcasts">                        {{broadcast.title}}                    </div>                    <p class="text-center" style="margin-top: 10px;">                        <b>Click to View</b>                    </p>                </div>            </div>            <div class="homepage row double-row">                <div class="panel home-message">                    <div layout="row" layout-align="center center">                        <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">                            <div class="col-md-6 col-lg-9 home-message-pane">                                <h2>Welcome</h2>                                <p>The Road Report Website provides up-to-date road condition information on all Government controlled roads.</p>                                <p>                                    Road conditions across the Territory can change rapidly depending on the time of year you travel.                                    We have made it easy to stay updated with the latest information online, via free call or through Facebook Road condition information is automatically and simultaneously updated during normal working hours,                                    Monday - Friday. Weekend reporting is provided during the wet season or other significant weather events as needed.                                </p>                                <p>If you are travelling through Aboriginal Land, permits may be required. Please contact the relevant land council for further information.</p>                                <div class="home-disclaimer">                                    <p>{{vm.disclaimer}}</p>                                </div>                                <h2 style="padding-top: 20px;">Feedback</h2>                                <p>This is just the start of improvements! We would like your feedback on how we can improve our service.</p>                                <p>                                    If you would like to contribute your feedback and ideas of how we can improve this website please fill out our website feedback form.                                    <span ng-if="vm.mobileDevice">                                        The form only takes a minute to fill out and can be accessed by clicking on the \'Website Feedback\' link in the menu sidepanel.                                    </span>                                    <span ng-if="!vm.mobileDevice">                                        The form only takes a minute to fill out and can be accessed from any page by clicking on the website feedback button                                        <i class="fa fa-commenting"></i> at the bottom of the page.                                    </span>                                </p>                                <button class="btn btn-primary" ng-click="vm.feedbackService.toggleFeedbackForm($event, true)">                                    <i class="fa fa-commenting"></i> Leave Feedback                                </button>                            </div>                            <div class="col-md-6 col-lg-3 home-quick-filter-pane do-not-print">                                <div class="row double-row" layout-xs="column" layout-sm="row" layout-align-xs="center center" layout-align-sm="center center">                                    <div class="col-sm-12">                                        <div class="row">                                            <div class="col-md-12">                                                <div class="row double-row" layout="column" layout-align-sm="center center" layout-align-md="center center" layout-align="center end">                                                    <label>                                                        <h2 class="quick-filter-header">Road Map Regions</h2></label>                                                    <div class="quick-filter-block" ng-repeat="region in vm.regionLocations track by $index">                                                        <a class="link-no-underline link-unstyled" ui-sref="road-map({region: \'{{region.name}}\'})"                                                           ga-track-event="[\'Quick Links\', \'Click\', \'Map Region ({{region.name}})\']">                                                            <div class="quick-filter-btn">                                                                {{region.name}}                                                            </div>                                                        </a>                                                    </div>                                                </div>                                            </div>                                        </div>                                    </div>                                    <div class="col-sm-12">                                        <div class="row">                                            <br class="hidden-sm hidden-xs"/>                                            <div class="col-md-12">                                                <div class="row double-row" layout="column" layout-align-sm="center center" layout-align-md="center center" layout-align="center end">                                                    <label>                                                        <h2 class="quick-filter-header">Major Road Reports</h2>                                                    </label>                                                    <div class="quick-filter-block" ng-repeat="road in vm.majorRoads">                                                        <a class="link-no-underline link-unstyled" ui-sref="major-roads({roadName: \'{{road}}\'})"                                                           ga-track-event="[\'Quick Links\', \'Click\', \'Major Road ({{road}})\']">                                                            <div class="quick-filter-btn">                                                                {{road}}                                                            </div>                                                        </a>                                                    </div>                                                </div>                                            </div>                                        </div>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>                <div class="row double-row homepage">                    <div class="panel home-links col-md-12">                        <div class="row home-quick-links">                            <div layout="row" layout-align="center center">                                <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">                                    <!-- SITE -->                                    <div ng-class="{\'row double-row\': vm.mobileDevice}">                                        <a class="link-no-underline" ui-sref="road-map" aria-hidden="true"                                           ga-track-event="[\'Quick Links\', \'Click\', \'Browse Road Map\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-map"></i>                                                <p>Browse Road Map</p>                                            </div>                                        </a>                                        <a class="link-no-underline" ui-sref="road-reports" aria-hidden="true"                                           ga-track-event="[\'Quick Links\', \'Click\', \'Current Road Reports\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-file-text"></i>                                                <p>Current Road Reports</p>                                            </div>                                        </a>                                    </div>                                    <div ng-class="{\'row double-row\': vm.mobileDevice}">                                        <a class="link-no-underline" ui-sref="information.announcements" aria-hidden="true"                                           ga-track-event="[\'Quick Links\', \'Click\', \'View Announcements\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-bullhorn"></i>                                                <p>View Announcements</p>                                            </div>                                        </a>                                        <a class="link-no-underline"                                            href="https://nt.gov.au/driving/safety/report-a-road-fault" target="_blank" aria-hidden="true"                                           ga-track-event="[\'Quick Links\', \'Click\', \'Report a Road Fault\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-exclamation-triangle"></i>                                                <p>Report a Road Fault</p>                                            </div>                                        </a>                                    </div>                                    <div ng-class="{\'row double-row\': vm.mobileDevice}">                                        <a class="link-no-underline" href="https://www.facebook.com/RoadReportNT/" target="_blank" aria-hidden="true"                                           ga-track-event="[\'Social Links\', \'Click\', \'Facebook (Home Quick Link)\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-facebook"></i>                                                <p>Like us on Facebook</p>                                            </div>                                        </a>                                        <a class="link-no-underline" href="tel:1800-246-199" target="_blank" aria-hidden="true"                                           ga-track-event="[\'Phone Links\', \'Click\', \'IVR Freecall (Home Quick Link)\']">                                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 text-center">                                                <i class="fa fa-lg fa-phone"></i>                                                <p>Freecall 1800 246 199</p>                                            </div>                                        </a>                                    </div>                                </div>                            </div>                        </div>                    </div>                    <div class="visible-xs" style="padding-bottom: 100px;"></div>                </div>            </div>        </div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/announcements.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-xs="column" layout-fill layout-align="center none" layout-align-xs="center center" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br/>        <div ncy-breadcrumb></div>        <div class="row double-row">            <div class="row double-row" ng-if="vm.broadcasts.length > 0">                <div class="col-md-12">                    <div class="row double-row">                        <div class="panel panel-warning">                            <div class="panel-heading" style="background-color: #ff9c3b; border-color: #ff9c3b; color: #000000;">                                <h2 class="text-bold no-margin hidden-xs">Emergency Broadcast</h2>                                <h3 class="text-bold no-margin visible-xs">Emergency Broadcast</h3>                            </div>                            <div class="panel-body no-padding">                                <br/>                                <div class="row double-row" ng-repeat="announcement in vm.broadcasts">                                    <div class="col-xs-12" layout="row" layout-xs="column">                                        <div >                                            <span class="report-item-header" style="font-size: 1.15em; margin-top: 12px;">{{announcement.title}}</span>                                            <br/>                                            <div style="font-size: 13px;" class="auto-fill-text">                                                <span ng-bind="vm.getDate(announcement.postedDate)"></span>                                            </div>                                        </div>                                        <span flex></span>                                        <div style="padding-top: 8px;">                                            <div class="row visible-xs">                                                <hr class="dark-hr hr-md"/>                                            </div>                                            <div ng-include src="\'rowHeaderXs.html\'" ng-if="vm.sidebarService.smallScreen"></div>                                            <div ng-include src="\'rowHeaderSm.html\'" ng-if="!vm.sidebarService.smallScreen"></div>                                        </div>                                    </div>                                    <div class="col-xs-12" style="font-size: 0.95em;">                                        <div class="row">                                            <hr class="dark-hr hr-md"/>                                        </div>                                        <p ng-bind="announcement.content"></p>                                    </div>                                </div>                            </div>                        </div>                        <div class="col-xs-12 text-right">                            <div class="btn btn-sm btn-default" ng-click="vm.goToMap()">View Road Map</div>                        </div>                    </div>                    <br/>                    <br/>                </div>            </div>            <!-- Announcements -->            <div class="row double-row">                <div class="col-md-12">                    <div class="row double-row">                        <div class="panel panel-default">                            <div class="panel-heading">                                <h2 class="text-bold no-margin hidden-xs">Announcements</h2>                                <h3 class="text-bold no-margin visible-xs">Announcements</h3>                            </div>                            <div class="panel-body">                                <div class="row">                                    <div class="col-md-12">                                        <br class="hidden-xs"/>                                        <!-- PAGINATION -->                                        <div class="row">                                            <div class="col-xs-3 hidden-xs">                                                <md-select ng-model="vm.cachedFilter.pageSize"                                                           ng-change="vm.pageChanged()" aria-label="Select Page Size"                                                           style="color: black; font-size: 14px; margin-top: -5px;">                                                    <md-option ng-repeat="item in vm.pageSizes" ng-value="item.value">                                                        {{item.label}}                                                    </md-option>                                                </md-select>                                            </div>                                            <div class="col-xs-9 hidden-xs">                                                <ul class="pull-right input-sm hidden-xs no-padding" style="margin: 0;"                                                    uib-pagination max-size="vm.maxPaginationSize"                                                    rotate="true" force-ellipses="true" total-items="vm.totalRecords"                                                    previous-text="Previous" next-text="Next" boundary-link-numbers="true" total-items="vm.totalRecords"                                                    ng-model="vm.cachedFilter.page" items-per-page="vm.cachedFilter.pageSize" ng-change="vm.pageChanged()"></ul>                                            </div>                                            <div class="col-xs-12 visible-xs" style="margin: 0;">                                                <md-input-container style="width: 100%;">                                                    <md-select ng-model="vm.cachedFilter.pageSize"                                                               ng-change="vm.pageChanged()" aria-label="Select Page Size"                                                               style="color: black; font-size: 14px;">                                                        <md-option ng-repeat="item in vm.pageSizes" ng-value="item.value">                                                            {{item.label}}                                                        </md-option>                                                    </md-select>                                                </md-input-container>                                            </div>                                            <div class="col-xs-12 visible-xs" ng-if="vm.showPagination()">                                                <ul class="pull-right input-sm visible-xs no-padding"                                                    uib-pagination max-size="2" boundary-link-numbers="true" force-ellipses="true" rotate="true"                                                    previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"                                                    total-items="vm.totalRecords" ng-model="vm.cachedFilter.page" items-per-page="vm.cachedFilter.pageSize"                                                    ng-change="vm.pageChanged()"></ul>                                            </div>                                        </div>                                        <!-- ANNOUNCEMENTS TABLE -->                                        <div ng-show="vm.announcements.length <= 0 && !vm.retrievingData">                                            <div class="panel panel-default text-center">                                                <div class="panel-heading">                                                    <label>There are currently no announcements for the Roads Report NT website.</label>                                                </div>                                            </div>                                        </div>                                        <div class="panel panel-default" style="margin-bottom: 10px;" ng-repeat="announcement in vm.announcements" ng-if="vm.announcements.length > 0">                                            <div class="panel-body not-clickable">                                                <div class="row">                                                    <div class="col-xs-12" layout="row" layout-xs="column">                                                        <div >                                                            <span class="report-item-header" style="font-size: 1.15em; margin-top: 4px;">{{announcement.title}}</span>                                                            <br/>                                                            <div style="font-size: 13px;" class="auto-fill-text">                                                                <span ng-bind="vm.getDate(announcement.postedDate)"></span>                                                            </div>                                                        </div>                                                        <span flex></span>                                                        <div>                                                            <div class="row visible-xs">                                                                <hr class="dark-hr hr-md"/>                                                            </div>                                                            <div ng-include src="\'rowHeaderXs.html\'" ng-if="vm.sidebarService.smallScreen"></div>                                                            <div ng-include src="\'rowHeaderSm.html\'" ng-if="!vm.sidebarService.smallScreen"></div>                                                        </div>                                                    </div>                                                    <div class="col-xs-12" style="font-size: 0.95em;">                                                        <div class="row">                                                            <hr class="dark-hr hr-md"/>                                                        </div>                                                        <p ng-bind="announcement.content"></p>                                                    </div>                                                </div>                                            </div>                                        </div>                                        <div class="row" ng-if="vm.showPagination()">                                            <div class="col-xs-12" style="padding-bottom: 5px;">                                                <ul class="pull-right input-sm hidden-xs no-padding" style="margin: 0;"                                                    uib-pagination max-size="vm.maxPaginationSize"                                                    rotate="true" force-ellipses="true" total-items="vm.totalRecords"                                                    previous-text="Previous" next-text="Next" boundary-link-numbers="true" total-items="vm.totalRecords"                                                    ng-model="vm.cachedFilter.page" items-per-page="vm.cachedFilter.pageSize" ng-change="vm.pageChanged()"></ul>                                                <ul class="pull-right input-sm visible-xs no-padding"                                                    uib-pagination max-size="2" boundary-link-numbers="true" force-ellipses="true" rotate="true"                                                    previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"                                                    total-items="vm.totalRecords" ng-model="vm.cachedFilter.page" items-per-page="vm.cachedFilter.pageSize"                                                    ng-change="vm.pageChanged()"></ul>                                            </div>                                        </div>                                    </div>                                </div>                            </div>                        </div>                    </div>                    <div class="col-xs-12 text-right">                        <div class="btn btn-sm btn-default" ng-click="vm.goToMap()">View Road Map</div>                    </div>                    <div style="padding-bottom: 150px;"></div>                </div>            </div>        </div>    </div></md-content><!-- Desktop Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="ann-sidebar"            md-disable-backdrop md-is-open="vm.sidebarService.visible" ng-if="!vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex>        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><!-- Mobile Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="ann-sidebar"            md-is-open="vm.sidebarService.visible" ng-if="vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex md-swipe-left="vm.toggleSidenav(\'ann-sidebar\')">        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><script type="text/ng-template" id="rowHeaderSm.html">    <md-button class="md-fab md-mini md-btn-emergency" aria-label="Show Emergency Broadcast Button Description"               uib-tooltip-html="vm.emergencyTooltip" tooltip-placement="left" ng-if="announcement.emergency">        <i class="fa fa-lg fa-warning"></i>    </md-button>        <md-button class="md-fab md-mini md-btn-gray" aria-label="Show Tags Button Description"               uib-tooltip-html="announcement.tagsTooltip" tooltip-placement="left" ng-if="announcement.tags">        <i class="fa fa-lg fa-tag"></i>    </md-button>        <md-button class="md-fab md-mini md-btn-gray" aria-label="Show Scheduled Date Button Description"               uib-tooltip-html="announcement.scheduledDateToolTip" tooltip-placement="left" ng-if="announcement.scheduledDate">        <i class="fa fa-lg fa-calendar"></i>    </md-button>        <md-button class="md-fab md-mini md-btn-gray" aria-label="Show Posted Date Button Description"               uib-tooltip-html="announcement.postedDateToolTip" tooltip-placement="left">        <i class="fa fa-lg fa-clock-o"></i>    </md-button></script><script type="text/ng-template" id="rowHeaderXs.html">    <md-button class="md-fab md-sm-med md-btn-emergency" aria-label="Show Emergency Broadcast Button Description" tooltip-trigger="outsideClick"               uib-tooltip-html="vm.emergencyTooltip" tooltip-placement="bottom-left" ng-if="announcement.emergency">        <i class="fa fa-lg fa-warning"></i>    </md-button>    <md-button class="md-fab md-sm-med md-btn-gray" aria-label="Show Tags Button Description" tooltip-trigger="outsideClick"               uib-tooltip-html="announcement.tagsTooltip" tooltip-placement="bottom-left" ng-if="announcement.tags">        <i class="fa fa-lg fa-tag"></i>    </md-button>    <md-button class="md-fab md-sm-med md-btn-gray" aria-label="Show Scheduled Date Button Description" tooltip-trigger="outsideClick"               uib-tooltip-html="announcement.scheduledDateToolTip" tooltip-placement="bottom-left" ng-if="announcement.scheduledDate">        <i class="fa fa-lg fa-calendar"></i>    </md-button>    <md-button class="md-fab md-sm-med md-btn-gray" aria-label="Show Posted Date Button Description" tooltip-trigger="outsideClick"               uib-tooltip-html="announcement.postedDateToolTip" tooltip-placement="bottom-left">        <i class="fa fa-lg fa-clock-o"></i>    </md-button></script><!-- Fab Buttons --><div class="do-not-print" style="position: fixed; top: 140px; left: 10px; z-index: 2;" hide-xs hide-sm>    <md-button class="md-fab md-larger md-primary" aria-label="Toggle sidebar"                ng-click="vm.toggleSidenav(\'ann-sidebar\')">        <md-tooltip style="font-size: 14px;" md-direction="right">Show Filtering Options</md-tooltip>        <i class="fa fa-filter fa-lg"></i><br/>    </md-button></div><div class="do-not-print" style="position: fixed; bottom: 20px; right: 20px; z-index: 2;" hide-gt-sm ng-class="{\'push-settings-fab\': vm.showFilterActiveNotice()}">    <md-fab-speed-dial md-open="vm.speedDialOpen" md-direction="up" class="md-scale" ng-cloak>        <md-fab-trigger>            <md-button class="md-fab md-larger md-btn-rr-alt md-raised" aria-label="Show Menu">                <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i><br/>            </md-button>        </md-fab-trigger>        <md-fab-actions ng-if="vm.speedDialOpen">            <md-button aria-label="Show Filtering Options" class="md-fab md-raised md-medium md-btn-rr-alt"                       ng-click="vm.toggleSidenav(\'ann-sidebar\')">                <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.toggleSidenav(\'ann-sidebar\')"                            md-visible="vm.speedDialOpen" md-direction="left">Filters</md-tooltip>                <i class="fa fa-lg fa-sort-alpha-asc"></i>            </md-button>            <md-button aria-label="Show Site Navigation" class="md-fab md-raised md-medium md-btn-rr-alt-important" ng-click="vm.toggleSidenav(\'mainNav\')">                <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.toggleSidenav(\'mainNav\')"                            md-visible="vm.speedDialOpen" md-direction="left">Site Navigation</md-tooltip>                <i class="fa fa-lg fa-share"></i>            </md-button>        </md-fab-actions>    </md-fab-speed-dial>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;" ng-show="vm.showFilterActiveNotice()">        <md-button class="md-fab md-larger md-warn md-hue-2" aria-label="Reset filters and search" ng-click="vm.resetFilter()">            <i class="fa fa-2x fa-refresh" style="margin-top: 18px;"></i>        </md-button>    </div></div><!-- Sidebar Components --><script type="text/ng-template" id="header-tb.html">    <div class="md-toolbar-tools" style="height: auto;">        <h4 style="color: #eee;">Filtering Options</h4>        <span flex></span>        <md-button class="md-icon-button md-btn-light" ng-click="vm.toggleSidenav(\'ann-sidebar\')" aria-label="Close Sidebar">            <i class="fa fa-2x fa-times-circle-o"></i>        </md-button>    </div></script><script type="text/ng-template" id="content-tb.html">    <form name="form" novalidate="novalidate" ng-submit="vm.filter()" class="fill-height">        <div class="row double-row" style="padding-top: 20px;">            <div class="col-xs-12">                <md-input-container style="width: 100%;">                    <label>Order By</label>                    <md-select ng-model="vm.cachedFilter.orderColumn" ng-model-options="{ timezone: \'utc\' }" ng-change="vm.pageChanged()">                        <md-option value="Title">Title</md-option>                        <md-option value="PostedDate">Posted Date</md-option>                        <md-option value="LastUpdatedTime">Last Updated Date</md-option>                    </md-select>                </md-input-container>            </div>            <div class="col-xs-12">                <md-input-container style="width: 100%;">                    <label>Order Direction</label>                    <md-select ng-model="vm.cachedFilter.orderDirection" ng-model-options="{ timezone: \'utc\' }" ng-change="vm.pageChanged()">                        <md-option value="asc">Ascending</md-option>                        <md-option value="desc">Descending</md-option>                    </md-select>                </md-input-container>            </div>        </div>        <div class="row double-row">            <div class="col-xs-12">                <md-input-container style="width: 100%;">                    <label>Title</label>                    <input ng-model="vm.cachedFilter.title">                </md-input-container>            </div>            <div class="col-xs-12">                <md-input-container style="width: 100%;">                    <label>Date Field</label>                    <md-select ng-model="vm.cachedFilter.dateField">                        <md-option value="PostedDate">Posted Date</md-option>                        <md-option value="LastUpdatedTime">Last Updated Date</md-option>                    </md-select>                </md-input-container>            </div>        </div>        <div class="row double-row">            <div class="col-xs-12">                <md-input-container flex>                    <label>Date From</label>                    <md-datepicker ng-model="vm.cachedFilter.dateFrom" name="startDateField" md-max-date="vm.cachedFilter.dateTo" flex></md-datepicker>                    <div ng-messages="form.startDateField.$error">                        <div ng-message="valid">The entered value is not a date.</div>                        <div ng-message="maxdate">Must be less than date to.</div>                    </div>                </md-input-container>            </div>        </div>        <div class="row double-row">            <div class="col-xs-12">                <md-input-container style="width: 100%;">                    <label>Date To</label>                    <md-datepicker ng-model="vm.cachedFilter.dateTo" name="endDateField" md-min-date="vm.cachedFilter.dateFrom" style="width: 100%;"></md-datepicker>                    <div ng-messages="form.endDateField.$error">                        <div ng-message="valid">The entered value is not a date.</div>                        <div ng-message="mindate">Must be less than date to.</div>                    </div>                </md-input-container>            </div>        </div>        <div class="row double-row">            <div class="col-lg-12">                <md-input-container style="width: 100%;">                    <label>Tags</label>                    <input ng-model="vm.cachedFilter.tags" placeholder="Tag 1, Tag 2, Tag 3...">                </md-input-container>            </div>        </div>        <div class="row double-row">            <div layout="row" layout-align="center center" class="md-toolbar-light">                <md-button class="md-warn md-raised" type="button" ng-click="vm.resetFilter(form)">                    <i class="fa fa-refresh"></i> Reset                </md-button>                <md-button class="md-primary md-raised" type="submit">                    <i class="fa fa-search"></i> Search                </md-button>            </div>        </div>        <br />    </form></script>');t.put('/Modules/RoadsReporting/Information/Templates/error-report.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br/>        <div ncy-breadcrumb></div>        <div class="row double-row">            <div class="col-md-12">                <h2 class="text-bold no-margin">Report a Website Error</h2><br/>            </div>            <div class="col-md-3">                <p>                    We wish to deliver the best possible user experience, if you find any errors or inconsistencies with the operation                    of the NT Road Report website, please submit an error report using the contact form below.                </p>                <div class="alert alert-info">                    <p>Please note that this form is only for lodging complaints about an aspect of the Roads Reporting website.</p>                    <p>                        If you wish to lodge a complaint about a road or obstruction, please go here:                        <a href="https://nt.gov.au/driving/safety/report-a-road-fault" target="_blank">Report a Road Fault</a>                    </p>                </div>            </div>            <div class="col-md-9">                <form name="form" novalidate="novalidate" ng-submit="vm.sendErrorReport(form)">                    <div class="row">                        <div class="col-sm-6">                            <md-input-container style="width: 100%;">                                <label>Contact Name</label>                                <input name="contactNameTxt" ng-model="vm.errorReport.contactName" md-maxlength="100" required>                                <div class="md-hint" ng-if="vm.showHints">We might need to contact you</div>                                <div ng-messages="form.contactNameTxt.$error" ng-if="!vm.showHints">                                    <div ng-message="required">Name is required.</div>                                    <div ng-message="md-maxlength">The name has to be less than 100 characters long.</div>                                </div>                            </md-input-container>                        </div>                        <div class="col-sm-6">                            <md-input-container style="width: 100%;">                                <label>Contact Email</label>                                <input name="contactEmailTxt" ng-model="vm.errorReport.contactEmail" md-maxlength="100" required>                                <div class="md-hint" ng-if="vm.showHints">We might need to contact you</div>                                <div ng-messages="form.contactEmailTxt.$error" ng-if="!vm.showHints">                                    <div ng-message="required">Email is required.</div>                                    <div ng-message="md-maxlength">The email has to be less than 100 characters long.</div>                                </div>                            </md-input-container>                        </div>                        <div class="col-sm-6">                            <md-input-container style="width: 100%;">                                <label>Page</label>                                <md-select name="pageSlt" ng-model="vm.errorReport.affectedPage" required>                                    <md-option value="All Pages">All Pages</md-option>                                    <md-option value="Home Page">Home Page</md-option>                                    <md-option value="Road Map Page">Road Map Page</md-option>                                    <md-option value="Information Page">Information Page</md-option>                                    <md-option value="Announcements Page">Announcements Page</md-option>                                    <md-option value="Terminology Page">Terminology Page</md-option>                                    <md-option value="Report a Website Error Page">Report a Website Error Page</md-option>                                    <md-option value="Terms and Conditions Page">Terms and Conditions Page</md-option>                                    <md-option value="Interstate Websites Page">Interstate Websites Page</md-option>                                    <md-option value="National Parks Page">National Parks Page</md-option>                                </md-select>                                <div class="md-hint" style="bottom: -15px;" ng-if="vm.showHints">Help us narrow down the location</div>                                <div class="errors" ng-messages="form.pageSlt.$error" ng-if="!vm.showHints">                                    <div ng-message="required">Required</div>                                </div>                            </md-input-container>                        </div>                        <div class="col-sm-6">                            <md-input-container style="width: 100%;">                                <label>Error Type</label>                                <md-select name="errorTypeSlt" ng-model="vm.errorReport.errorType" required>                                    <md-option value="null"></md-option>                                    <md-option value="Broken Link">Broken Link</md-option>                                    <md-option value="Access Issue">Problem accessing or viewing page</md-option>                                    <md-option value="Bug / Error">Bug / Error</md-option>                                    <md-option value="Other Issue">Other Issue</md-option>                                </md-select>                                <div class="md-hint" style="bottom: -15px;" ng-if="vm.showHints">Help us narrow down the location</div>                                <div class="errors" ng-messages="form.errorTypeSlt.$error" ng-if="!vm.showHints">                                    <div ng-message="required">Required</div>                                </div>                            </md-input-container>                        </div>                        <div class="col-sm-12">                            <md-input-container class="md-block">                                <label>Issue</label>                                <textarea name="issueTxt" ng-model="vm.errorReport.issue" md-maxlength="{{vm.maxTextLength}}" rows="5" md-select-on-focus required></textarea>                                <div class="md-hint" ng-if="vm.showHints">Tell us what\'s wrong</div>                                <div class="errors" ng-messages="form.issueTxt.$error" ng-if="!vm.showHints">                                    <div ng-message="required">Required</div>                                </div>                            </md-input-container>                        </div>                        <div class="col-xs-12">                            <div class="form-group pull-right">                                <div id="recaptchSm" name="recaptchSm" vc-recaptcha key="\'6LfEYCEUAAAAAD6imOVwf3QauDjzSUg345ms_ESp\'"                                     theme="\'light\'" on-create="vm.updateRecaptcha(widgetId)"                                     ng-model="vm.recaptchaResponse" class="mobile-recaptcha"></div>                            </div>                        </div>                        <div class="md-toolbar-light">                            <div class="col-xs-12 col-sm-4 col-sm-offset-8">                                <div layout="row" layout-align="center right">                                    <md-button class="md-warn md-raised" type="button" ng-click="vm.resetErrorReport(form)">                                        <i class="fa fa-refresh"></i> Reset                                    </md-button>                                    <md-button class="md-primary md-raised" type="submit">                                        <i class="fa fa-check"></i> Submit                                    </md-button>                                </div>                            </div>                        </div>                    </div>                </form>            </div>            <div class="visible-xs" style="padding-bottom: 100px;"></div>        </div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/information.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-toolbar layout="row" layout-align="center center" class="md-toolbar-light">    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <h2 style="color: black;" class="hidden-xs">Information & Resources</h2>        <h3 style="color: black;" class="visible-xs">Information & Resources</h3>    </div></md-toolbar><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <section>            <md-subheader><h4 class="no-margin no-padding">Forms and Applications</h4></md-subheader>            <md-list layout-padding class="no-btn-pad">                <md-list-item class="md-2-line no-padding-width" ng-href="/Content/documents/ApplicationforSpecialConsent.docx" target="_blank"                              title="Download the special consent application (word document)"                              ga-track-event="[\'Documents\', \'Download\', \'ApplicationforSpecialConsent.docx\']">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-download"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-download"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Download Special Consent Application</h4>                        <p>                            If you require access to use a closed or restricted road, please download the                            \'Application for Special Consent\' form and email the completed form to roadreporting.ntg@nt.gov.au                        </p>                    </div>                </md-list-item>            </md-list>        </section>        <section>            <md-subheader><h4 class="no-margin no-padding">Broadcasts and Terminology</h4></md-subheader>            <md-list layout-padding class="no-btn-pad">                <md-list-item class="md-2-line no-padding-width" ui-sref=".announcements">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-bullhorn"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-bullhorn"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Emergency Broadcasts & Announcements</h4>                        <p>                            This page contains all website announcements and emergency broadcasts.                            Announcements may be made for website updates and maintenance scheduling.                            Emergency broadcasts may be made for severe weather warnings and major road obstructions.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ui-sref=".terminology">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-book"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-book"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Terminology</h4>                        <p>                            This website conforms to a standardised terminology. If you would like to learn more about the terminology                            used across the application, please take a look at the terminology page.                        </p>                    </div>                </md-list-item>            </md-list>        </section>        <section>            <md-subheader><h4 class="no-margin no-padding">Complaint Lodging</h4></md-subheader>            <md-list layout-padding class="no-btn-pad">                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/driving/safety/report-a-road-fault">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-flag"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-flag"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Report a Road Fault</h4>                        <p>                            You can report a road fault for any of the following problems: fallen trees, flooding or water over road, irrigation systems, litter, road damage eg. potholes, signs, vandalism.                            Alternatively you can report a road fault by phone: 1800 246 199.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/driving/safety/report-a-traffic-light-fault">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-bullseye"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-bullseye"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Report a Traffic Light Fault</h4>                        <p>                            You can report a traffic light fault, damage or other traffic light issues in Darwin, Palmerston, Katherine, Tennant Creek and Alice Springs.                            Alternatively, you can report a traffic light fault by phone: 1800 246 199.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ui-sref=".error-report">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-bug"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-bug"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Report a Website Error</h4>                        <p>                            We wish to deliver the best possible user experience, if you find any errors or inconsistencies with the operation of the                            Northern Territory Roads Reporting website, please feel free to let us know about it.                        </p>                    </div>                </md-list-item>            </md-list>        </section>        <section>            <md-subheader><h4 class="no-margin no-padding">Information and Services</h4></md-subheader>            <md-list layout-padding class="no-btn-pad">                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/copyright-disclaimer-and-privacy">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-copyright"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-copyright"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Copyright and Privacy</h4>                        <p>                            Links to the Northern Territory Government\'s copyright and privacy statement which applies to websites under the NT Governments control.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/accessibility">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-universal-access"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-universal-access"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Accessibility</h4>                        <p>                            Links to the Northern Territory Government\'s accessibility statement which applies to websites under the NT Governments control.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/law/rights/freedom-of-information">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-key"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-key"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Freedom of Information</h4>                        <p>                            Links to the Northern Territory Government\'s freedom of information statement which applies to websites under the NT Governments control.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ui-sref=".terms-conditions">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-handshake-o"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-handshake-o"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Disclaimer and Attributions</h4>                        <p>                            This page details the disclaimer for use of information on this website as well as all attributions for services utilised by this website.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="https://legislation.nt.gov.au/en/Legislation/CONTROL-OF-ROADS-ACT">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-gavel"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-gavel"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Control of Roads Act</h4>                        <p>                            Links to the Northern Territory government legislation website and opens the Control of Roads Act.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="https://nt.gov.au/interpreter-services">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-tty"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-tty"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Interpreter Services</h4>                        <p>                            Links to the Northern Territory government website and provides information on interpreter services offered by the Nothern Territory government.                        </p>                    </div>                </md-list-item>            </md-list>        </section>        <section>            <md-subheader><h4 class="no-margin no-padding">External Links</h4></md-subheader>            <md-list layout-padding class="no-btn-pad">                <md-list-item class="md-2-line no-padding-width" ui-sref=".interstate">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-road"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-road"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">Interstate Websites</h4>                        <p>                            The Northern Territory roads reporting website only displays information related to NT roads. If you are travelling                            interstate and wish to know information regarding road obstructions for that particular jurisdiction, please visit                            the Interstate Websites page.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ui-sref=".parks">                    <span class="md-avatar hidden-xs"><i class="fa fa-3x fa-tree"></i></span>                    <span class="md-avatar visible-xs"><i class="fa fa-2x fa-tree"></i></span>                    <div class="md-list-item-text">                        <h4 class="text-primary">National Parks</h4>                        <p>                            The Northern Territory has a large number of national parks. If you are intersted in visiting or learning more about these parks                            please visit the National Parks page.                        </p>                    </div>                </md-list-item>                <md-list-item class="md-2-line no-padding-width" ng-href="http://www.bom.gov.au/nt/index.shtml?ref=hdr">                    <span class="md-avatar hidden-xs">                        <span class="fa-stack fa-lg">                            <i class="fa fa-cloud fa-stack-2x"></i>                            <i class="fa fa-tint fa-stack-1x fa-inverse"></i>                        </span>                    </span>                    <span class="md-avatar visible-xs">                        <span class="fa-stack">                            <i class="fa fa-cloud fa-stack-2x"></i>                            <i class="fa fa-tint fa-stack-1x fa-inverse"></i>                        </span>                    </span>                    <div class="md-list-item-text">                        <h4 class="text-primary"> Bureau of Meteorology</h4>                        <p>                            The Northern Territory is a tropical climate zone and as such we are subject to severe thunderstorms and flooding during certain periods.                            If you would like to know the current and predicted weather patterns in your area, please visit the Bureau of Meteorology.                        </p>                    </div>                </md-list-item>            </md-list>        </section>        <div style="padding-bottom: 100px;"></div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/interstate.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br/>        <div ncy-breadcrumb></div>        <md-list layout-padding>            <md-list-item class="md-2-line" ng-href="http://www.tccs.act.gov.au/roads-paths/act_public_road_closures">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/act.png" alt="Australian Captial Territory Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Australian Captial Territory</h4>                        <p>Please visit Transport Canberra and City Services for more information about road closures in Canberra. Call 132 281.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://qldtraffic.qld.gov.au/">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/qld.png" alt="Queensland Government Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Queensland</h4>                        <p>An interactive map is available to browse traffic and road conditions for Queensland. Call 131 940.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://transportnsw.info/">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/nsw.png" alt="New South Wales Transport Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>New South Wales</h4>                        <p>Live Traffic NSW provides live updates, traveller information and personalised alerts for NSW roads. Call 132 701.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="http://www.dpti.sa.gov.au/OutbackRoads">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/sa.png"                             alt="Government of South Australia, Department of Planning, Transport and Infrastructure Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>South Australia</h4>                        <p>                            Northern and Western South Australia Outback Roads Terporary Closures,                            Restriction and Warnings Report (including and interactive road conditions report). Call 1300 872 677.                        </p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://www.vicroads.vic.gov.au/">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/victoria.png" alt="Victoria Roads Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Victoria</h4>                        <p>The incidents and alerts for Victoria are available online and through the VicTraffic app. Call 13 11 70.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://www.mainroads.wa.gov.au/Pages/default.aspx">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/wa.png" alt="Western Australia Main Roads Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Western Australia</h4>                        <p>Roadworks, incidents and events are available through Main Roads Western Australia using their dynamic Traval Map.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="http://www.transport.tas.gov.au/road/network">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/intersate_logos/tasmania.png" alt="Tasmanian Government Logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Tasmania</h4>                        <p>Road colsures and delays are updated for the state road network by the Tasmanian Government. Call 1300 135 513.</p>                    </div>                </div>            </md-list-item>        </md-list>        <div class="visible-xs" style="padding-bottom: 100px;"></div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/parks.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br />        <div ncy-breadcrumb></div>        <md-list layout-padding>            <md-list-item class="md-2-line" ng-href="https://nt.gov.au/leisure/parks-reserves/find-a-park-to-visit">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/national_parks/ntgov.gif" alt="Northern Territory Government logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>NT Government - Find a park</h4>                        <p>Map interface that displays all national parks in the Northern Territory and provides links to additional information.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://parksaustralia.gov.au/kakadu/index.html">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/national_parks/kakadu.png" alt="Kakadu National Park logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Kakadu National Park</h4>                        <p>Feel the spirits of the country and connect with the oldest living culture on earth. Call 8938 1100.</p>                    </div>                </div>            </md-list-item>            <md-divider></md-divider>            <md-list-item class="md-2-line" ng-href="https://parksaustralia.gov.au/uluru/index.html">                <div layout="row" layout-xs="column">                    <div style="width: 200px; margin-right: 15px;">                        <img class="logo-size-medium" src="/Content/images/national_parks/uluru.png" alt="Uluru Kata Tjuta National Park logo"/>                    </div>                    <div class="md-list-item-text" flex>                        <h4>Uluru - Kata Tjuta National Park</h4>                        <p>An ancient landscape, where Tjukurpa whispers the creation stories. Call 8956 1128.</p>                    </div>                </div>            </md-list-item>        </md-list>        <div class="visible-xs" style="padding-bottom: 100px;"></div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/terminology.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br/>        <div ncy-breadcrumb></div>        <div class="page-head-panel">            <div class="row double-row">                <div class="col-xs-12 col-sm-6">                    <h2>Site Terminology</h2>                    <br class="visible-xs"/>                </div>                <div class="col-xs-12 col-sm-6">                    <md-input-container style="width: 100%;" class="no-margin no-padding">                        <label>Search Terminology...</label>                        <input ng-model="vm.termFilter.searchTerm">                    </md-input-container>                </div>            </div>            <br/>        </div>        <div class="col-xs-12">            <div class="panel panel-primary" ng-repeat="group in vm.terminologyDataSet" ng-show="vm.termFilter.showGroup(group)" style="border-radius: 0;">                <md-subheader class="md-primary" ng-click="group.isOpen = !group.isOpen">                    {{group.groupName}}                    <button class="btn btn-sm btn-primary pull-right" style="margin-top: -8px;">                        <i class="fa" ng-class="{\'fa-minus\': !group.isOpen, \'fa-plus\': group.isOpen}"></i>                    </button>                </md-subheader>                <div class="panel-body" uib-collapse="group.isOpen">                    <section>                        <div class="dictionary-list-items" ng-repeat="term in group.items" ng-show="term.visible">                            <div ng-if="term.symbolUrl != null">                                <div class="row">                                    <div class="col-xs-12">                                        <img ng-src="Content/images/markers/{{term.symbolUrl}}"                                             width="20px" style="max-width: 20px;" class="pull-left"/>                                        <h4 class="pull-left" style="padding-left: 10px; padding-top: 3px; margin-top: 0; font-size: 15px;">{{term.term}}</h4>                                    </div>                                    <div class="col-xs-12">                                        <p>{{term.description}}</p>                                    </div>                                </div>                            </div>                            <div ng-if="term.symbolUrl == null">                                <h4 style="font-size: 15px;">{{term.term}}</h4>                                <p>{{term.description}}</p>                            </div>                        </div>                    </section>                </div>            </div>            <div class="visible-xs" style="padding-bottom: 100px;"></div>        </div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Information/Templates/terms-conditions.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><md-content layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <br />        <div ncy-breadcrumb></div>        <div class="row double-row">            <div class="col-md-12">                <h2 class="text-bold no-margin">Disclaimer and Attributions</h2><br />            </div>            <div class="col-md-12">                <md-subheader>                    <h3 class="text-bold no-margin no-padding" id="disclaimer">Disclaimer</h3></md-subheader>                <p>                    The reporting on road conditions is intended as a guide only.                </p>                <p>                    Whilst care has been taken to ensure these reports are accurate at the time of publication,                    road conditions can be subject to rapid change and information is updated on the site as soon as it becomes available.                </p>                <p>                    It is possible for some road conditions to remain unchanged for several days or weeks.                </p>                <p>                    The Northern Territory of Australia gives no warranty or assurance of the accuracy of this report                    and accepts no direct or indirect liability for reliance on the report.                </p>                <br/>            </div>            <div class="col-md-12">                <md-subheader>                    <h3 class="text-bold no-margin no-padding" id="attributions">Attributions</h3>                </md-subheader>                <md-list layout-padding class="no-btn-pad">                    <md-list-item class="md-2-line no-padding-width">                        <span class="md-avatar"><i class="fa fa-2x fa-leaf"></i></span>                        <div class="md-list-item-text">                            <h4 class="text-primary">Leaflet</h4>                            <p>                                The open-source interactive map library, <a href="http://leafletjs.com" target="_blank">Leaflet</a>,                                was used on this website in order to provide the mapping functionality seen on the <a ui-sref="road-map">Road Map</a> page.                            </p>                        </div>                    </md-list-item>                    <md-list-item class="md-2-line no-padding-width">                        <span class="md-avatar"><i class="fa fa-2x fa-map-o"></i></span>                        <div class="md-list-item-text">                            <h4 class="text-primary">Open Street Maps</h4>                            <p>                                The map tiles used on this website were provided by <a href="https://www.openstreetmap.org/" target="_blank">Open Street Maps</a>                                 under their open data license, the \'Standard\' map tile layer was used on the <a ui-sref="road-map">Road Map</a> page.                            </p>                        </div>                    </md-list-item>                </md-list>            </div>            <div class="visible-xs" style="padding-bottom: 100px;"></div>        </div>    </div></md-content><div hide-gt-sm>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;">        <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised" ng-click="vm.toggleSidenav(\'mainNav\')">            <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>        </md-button>    </div></div>');t.put('/Modules/RoadsReporting/Road_Map/Templates/map-filters-panel.html','<div class="sidebar-body" ng-controller="vm.panelItems.filter.controller" md-swipe-left="vm.toggleSidenav(\'rm-sidebar\')">    <div class="panel panel-default" style="margin-bottom: 0;">        <div class="panel-heading sidebar-panel-heading">            <div class="row double-row">                <span style="line-height: 2;">Map Markers</span>                <div class="pull-right text-primary" style="font-size: 1.4em;">                    <a class="clickable text-success" ng-click="vm.showAllMarkerTypes()"><i class="fa fa-eye"></i></a>                    <a class="clickable text-danger" ng-click="vm.hideAllMarkerTypes()"><i class="fa fa-eye-slash"></i></a>                    <a class="clickable text-info"                        uib-tooltip="Toggle the visibility of each marker type on the map to narrow down what you are looking for."                        tooltip-placement="bottom"                        tooltip-append-to-body="true"><i class="fa fa-question-circle-o"></i></a>                </div>            </div>        </div>        <div class="panel-body" layout="column" layout-align="none center">            <div class="panel panel-default map-filter-block clickable" ng-click="vm.filterMapPins(pin)" ng-repeat="pin in vm.markerPins track by $index">                <div class="panel-body">                    <div class="row">                        <div class="col-xs-2">                            <img ng-src="Content/images/markers/{{pin.symbolUrl}}" width="20px" style="max-width: 20px;"                                 uib-tooltip="{{pin.description}}" tooltip-placement="right" tooltip-append-to-body="true" />                        </div>                        <div class="col-xs-10">                            <label class="clickable" style="font-size: 0.9em;">{{pin.icon}}</label>                        </div>                    </div>                    <div class="row">                        <div class="text-center map-filter-block-fixed-label" ng-class="{\'bg-success\': pin.isVisible, \'bg-danger\': !pin.isVisible}">                            <label ng-show="pin.isVisible" class="text-success dark-success clickable">Visible</label>                            <label ng-show="!pin.isVisible" class="text-danger dark-danger clickable">Hidden</label>                        </div>                    </div>                </div>            </div>        </div>    </div>    <div class="panel panel-default" style="margin-bottom: 0;">        <div class="panel-heading sidebar-panel-heading">            <div class="row double-row">                    <span style="line-height: 2;">Northern Territory Regions</span>                    <div class="pull-right text-primary" style="font-size: 1.4em;">                        <a class="clickable text-info"                           uib-tooltip="Quickly focus on a region of the Northern Territory"                           tooltip-placement="bottom"                           tooltip-append-to-body="true"><i class="fa fa-question-circle-o"></i></a>                    </div>            </div>        </div>        <div class="panel-body"  layout="column" layout-align="none center">            <div class="panel panel-default map-filter-block clickable" ng-repeat="region in vm.regionLocations track by $index" ng-click="vm.zoomToRegion(region)">                <div class="panel-body">                    <div class="row">                        <div class="col-xs-2">                            <i class="fa fa-search" style="font-size: 1.3em;"></i>                        </div>                        <div class="col-xs-10">                            <label class="clickable" style="font-size: 0.9em;">{{region.name}}</label>                        </div>                    </div>                    <div class="row">                        <div class="text-center bg-info map-filter-block-fixed-label">                            <label class="clickable text-info ">Zoom to Region</label>                        </div>                    </div>                </div>            </div>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Road_Map/Templates/map-obstruction-details-panel.html','<div class="panel-body sidebar-body fill-height" ng-controller="vm.panelItems.detail.controller" md-swipe-left="vm.toggleSidenav(\'rm-sidebar\')">    <!-- Default - No obstruction selected --><div ng-show="vm.sidebarService.selectedMarker == null">    <br/>    <div class="not-clickable">        <div class="text-center">            <label class="font-larger text-primary not-clickable">No Obstruction Selected</label>            <p style="font-size: 12px;" class="no-margin">                Having trouble finding the right one?                <br/> Search using the form below.            </p>        </div>        <div>            <form name="form" novalidate="novalidate" ng-submit="vm.searchMap()">                    <div class="row">                        <div class="col-xs-12">                            <md-autocomplete flex style="max-height: 65px;"                                                md-input-name="roadNameAuto"                                                md-input-minlength="2"                                                md-no-cache="true"                                                md-selected-item="vm.sidebarService.mapSearchFilter.roadName"                                                md-search-text="vm.sidebarService.mapSearchFilter.roadNameSearch"                                                md-items="item in vm.searchRoadName(vm.sidebarService.mapSearchFilter.roadNameSearch)"                                                md-item-text="item"                                                md-require-match                                                md-clear-button="true"                                                md-floating-label="Road Name">                                <md-item-template>                                    <span md-highlight-text="vm.sidebarService.mapSearchFilter.roadNameSearch">{{item}}</span>                                </md-item-template>                            </md-autocomplete>                        </div>                    </div>                    <div class="row">                        <div class="col-xs-12">                            <md-input-container style="max-width: 100%; width: 100%; max-height: 45px;">                                <label>Restriction Type</label>                                <md-select ng-model="vm.sidebarService.mapSearchFilter.restrictionTypes" multiple style="width: 100%;">                                    <md-optgroup label="Restriction Types">                                        <md-option ng-value="item.description" ng-repeat="item in vm.restrictionTypes">{{item.description}}</md-option>                                    </md-optgroup>                                </md-select>                            </md-input-container>                        </div>                    </div>                    <div class="row">                        <div class="col-xs-12">                            <md-input-container style="max-width: 100%; width: 100%; max-height: 45px;">                                <label>Restriction Details</label>                                <md-select ng-model="vm.sidebarService.mapSearchFilter.obstructionTypes" multiple style="width: 100%;">                                    <md-optgroup label="Restriction Details">                                        <md-option ng-value="item.description" ng-repeat="item in vm.obstructionTypes">{{item.description}}</md-option>                                    </md-optgroup>                                </md-select>                            </md-input-container>                        </div>                    </div>                <div class="row">                    <div layout="row" layout-align="center center" class="md-toolbar-light">                        <md-button class="md-warn md-raised" type="button" ng-click="vm.resetFilter(form)">                            <i class="fa fa-refresh"></i> Reset                        </md-button>                        <md-button class="md-primary md-raised" type="submit">                            <i class="fa fa-search"></i> Search                        </md-button>                    </div>                </div>            </form>        </div>    </div></div>    <!-- Obstruction Selected - Details View -->    <div ng-if="vm.sidebarService.selectedMarker != null">        <div class="row">            <button class="btn btn-sm btn-block clickable" ng-click="vm.sidebarService.unFocusObstruction()" style="height: 40px;">                <span class="fa fa-undo"></span> Unfocus Obstruction            </button>        </div>        <br/>        <!-- Road Name -->        <div class="form-group">            <label for="roadNameTxt" class="control-label text-primary">Road Name</label>            <p id="roadNameTxt" class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.roadName"></p>        </div>        <!-- Restriction Type -->        <div class="form-group">            <label for="restrictionTxt" class="control-label text-primary">Restriction Type</label>            <a ng-if="vm.toolTipExists(vm.sidebarService.selectedMarker.data.typeTooltip)"               class="link-no-underline clickable hidden-xs hidden-sm"               uib-tooltip="{{vm.sidebarService.selectedMarker.data.typeTooltip}}"               tooltip-trigger="mouseenter"               ng-click="vm.viewTooltipTerminology(vm.sidebarService.selectedMarker.data.restrictionType)">                <p class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.restrictionType"></p>            </a>            <a ng-if="vm.toolTipExists(vm.sidebarService.selectedMarker.data.typeTooltip)"               class="link-no-underline clickable visible-xs visible-sm"               uib-tooltip="{{vm.sidebarService.selectedMarker.data.typeTooltip}}"               tooltip-trigger="outsideClick">                <p class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.restrictionType"></p>            </a>            <p id="restrictionTxt" ng-if="!vm.toolTipExists(vm.sidebarService.selectedMarker.data.typeTooltip)" class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.restrictionType"></p>        </div>        <!-- Obstruction Type -->        <div class="form-group">            <label for="obstructionTxt" class="control-label text-primary">Restriction Details</label>            <p id="obstructionTxt" ng-if="!vm.toolTipExists(vm.sidebarService.selectedMarker.data.detailsTooltip)" class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.obstructionType"></p>            <a ng-if="vm.toolTipExists(vm.sidebarService.selectedMarker.data.detailsTooltip)"               class="link-no-underline clickable hidden-xs hidden-sm"               uib-tooltip="{{vm.sidebarService.selectedMarker.data.detailsTooltip}}"               tooltip-trigger="mouseenter"               ng-click="vm.viewTooltipTerminology(vm.sidebarService.selectedMarker.data.obstructionType)">                <p class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.obstructionType"></p>            </a>            <a ng-if="vm.toolTipExists(vm.sidebarService.selectedMarker.data.detailsTooltip)"               class="link-no-underline clickable visible-xs visible-sm"               uib-tooltip="{{vm.sidebarService.selectedMarker.data.detailsTooltip}}"               tooltip-trigger="outsideClick">                <p class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.obstructionType"></p>            </a>        </div>        <!-- Location Comment -->        <div class="form-group">            <label for="locationCommentTxt" class="control-label text-primary">Section Affected</label>            <p id="locationCommentTxt" class="form-control-static" ng-if="vm.sidebarService.selectedMarker.data.locationComment.length > 1"               ng-bind="vm.sidebarService.selectedMarker.data.locationComment"></p>            <p class="form-control-static auto-fill-text" ng-if="vm.sidebarService.selectedMarker.data.locationComment.length <= 1">                No location information provided            </p>        </div>        <!-- Additional Information -->        <div class="form-group">            <label for="commentTxt" class="control-label text-primary">Comments</label>            <p id="commentTxt" class="form-control-static" ng-bind="vm.sidebarService.selectedMarker.data.comment"></p>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Road_Map/Templates/map-obstruction-list-panel.html','<div class="panel-body sidebar-body" ng-controller="vm.panelItems.list.controller" md-swipe-left="vm.toggleSidenav(\'rm-sidebar\')">    <div class="sidebar-block row" ng-show="vm.checkMapEmpty(vm.sidebarService.visibleMarkers)" ng-click="vm.resetMapView()">        <div class="col-xs-2">            <div class="row">                <i class="fa fa-5x fa-question auto-fill-text" style="padding-top: 100%;"></i>            </div>        </div>        <div class="col-xs-9" style="border-left: 5px solid #ddd; margin-left: 10px;">            <div class="row" style="padding-left: 10px;">                <div class="col-xs-12">                    <div class="row">                        <h4 class="control-label text-primary">No Visible Obstructions</h4>                    </div>                    <div class="row">                        <label>There are no road obstructions currently visible within the map bounds.</label>                        <br/><br/>                        <label class="text-primary">Click to recenter the map on the Northern Territory.</label>                    </div>                </div>            </div>        </div>    </div>    <div class="sidebar-block row" style="height: 85px; overflow: hidden;" ng-class="{\'sidebar-block-nth\': $index % 2 == 0}"          ng-repeat="marker in vm.sidebarService.visibleMarkers track by $index" ng-click="vm.focusObstruction(marker)">        <div class="col-xs-12">            <div class="row">                <div class="col-xs-10">                    <div class="row">                        <h4 class="control-label" ng-bind="marker.data.roadName" ng-if="marker.data.roadName != \'\' && marker.data.roadName != null"></h4>                        <h4 class="control-label" ng-if="marker.data.roadName == \'\' || marker.data.roadName == null">Unknown Road</h4>                    </div>                    <div class="row">                        <p>{{vm.getTrimmedComment(marker.data)}}</p>                    </div>                </div>                <div class="col-xs-1 text-right" style="height: 70px;">                    <img ng-src="Content/images/markers/{{marker.iconUrl}}" class="vertical-align hidden-xs" alt="{{marker.data.restrictionType}} symbol"                         uib-popover-template="\'/Modules/RoadsReporting/Shared/Templates/obstruction-tooltip-template.html\'"                         popover-trigger="mouseenter"                         popover-placement="right"                         popover-append-to-body="true"/>                    <img ng-src="Content/images/markers/{{marker.iconUrl}}" class="vertical-align visible-xs" alt="{{marker.data.restrictionType}} symbol"                         uib-popover-template="\'/Modules/RoadsReporting/Shared/Templates/obstruction-tooltip-template.html\'"                         popover-trigger="outsideClick"                         popover-placement="left"                         popover-append-to-body="true"                         ng-click="vm.preventEvent($event)"/>                </div>            </div>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Road_Map/Templates/road-map.html','<update-meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"></update-meta><!-- Map --><div id="leafletContainer" class="fill-height" style="z-index: 50;">    <leaflet defaults="vm.leafletDefault" center="vm.leafletCenter" height="{{vm.leaflet.height}}" width="{{vm.leaflet.width}}"></leaflet></div><selective-print class="print-section"></selective-print><!-- Desktop Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="rm-sidebar"            md-disable-backdrop md-is-open="vm.sidebarService.visible" ng-if="!vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-toolbar style="min-height: 0;">        <ng-include src="\'subheader-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex>        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><!-- Mobile Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="rm-sidebar"            md-is-open="vm.sidebarService.visible" ng-if="vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-toolbar style="min-height: 0;">        <ng-include src="\'subheader-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex>        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><!-- Fab Buttons - Mobile --><div hide-gt-sm class="do-not-print">    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;" ng-class="{\'push-settings-fab\': vm.showFilterActiveNotice()}">        <md-fab-speed-dial md-open="vm.speedDialOpen" md-direction="up" class="md-scale" ng-cloak>            <md-fab-trigger>                <md-button aria-label="Map Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised">                    <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>                </md-button>            </md-fab-trigger>            <md-fab-actions ng-if="vm.speedDialOpen">                <md-button aria-label="Show Obstructions List" class="md-fab md-raised md-medium md-btn-rr-alt" ng-click="vm.sidebarService.setSidebarState(2)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(2)"                                md-visible="vm.speedDialOpen" md-direction="left">Obstructions List</md-tooltip>                    <i class="fa fa-lg fa-map-marker"></i>                </md-button>                <md-button aria-label="Show Filters" class="md-fab md-raised md-medium md-btn-rr-alt" ng-click="vm.sidebarService.setSidebarState(1)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(1)"                                md-visible="vm.speedDialOpen" md-direction="left">Filters</md-tooltip>                    <i class="fa fa-lg fa-filter"></i>                </md-button>                <md-button aria-label="Show Search" class="md-fab md-raised md-medium md-btn-rr-alt" ng-click="vm.sidebarService.setSidebarState(3)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(3)"                                md-visible="vm.speedDialOpen" md-direction="left">Search</md-tooltip>                    <i class="fa fa-lg fa-search"></i>                </md-button>                <md-button aria-label="Show Disclaimer" class="md-fab md-raised md-medium md-btn-rr-alt" ng-click="vm.showDisclaimer()">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.showDisclaimer()"                                md-visible="vm.speedDialOpen" md-direction="left">Disclaimer</md-tooltip>                    <span><b style="font-size: 22px;">D</b></span>                </md-button>                <md-button aria-label="Show Site Navigation" class="md-fab md-raised md-medium md-btn-rr-alt-important" ng-click="vm.toggleSidenav(\'mainNav\')">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.toggleSidenav(\'mainNav\')"                                md-visible="vm.speedDialOpen" md-direction="left">Site Navigation</md-tooltip>                    <i class="fa fa-lg fa-share"></i>                </md-button>            </md-fab-actions>        </md-fab-speed-dial>    </div>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;" ng-show="vm.showFilterActiveNotice()">        <md-button class="md-fab md-larger md-warn md-hue-2" aria-label="Reset filters and search" ng-click="vm.resetMapFilters()">            <i class="fa fa-2x fa-refresh" style="margin-top: 18px;"></i>        </md-button>    </div></div><!-- Fab Buttons - Desktop --><div hide-xs hide-sm class="do-not-print">    <div style="position: fixed; top: 140px; left: 10px; z-index: 52;">        <md-button class="md-fab md-larger md-primary" aria-label="Show control panel sidebar" ng-click="vm.toggleSidenav(\'rm-sidebar\')">            <md-tooltip style="font-size: 14px;" ng-show="!vm.sidebarService.visible" md-direction="right">Show Control Panel</md-tooltip>            <i class="fa fa-filter fa-lg"></i><br/>        </md-button>    </div>    <div style="position: fixed; top: 140px; right: 10px; z-index: 52;">        <md-button class="md-fab md-primary md-medium" aria-label="Show map print select"                   ng-click="vm.displayPrintSelect()" ng-disabled="!vm.showPrintButton()">            <md-tooltip style="font-size: 14px;" md-direction="left" ng-show="vm.showPrintButton()">Print Map</md-tooltip>            <i class="fa fa-print fa-lg"></i><br />        </md-button>    </div>    <div ng-show="vm.showPrintControls()">        <div style="position: fixed; top: 145px; right: 140px; z-index: 52;">            <md-button class="md-fab md-mini md-btn-success" aria-label="Print map" ng-click="vm.printMap()">                <i class="fa fa-check"></i><br />            </md-button>        </div>        <div style="position: fixed; top: 145px; right: 80px; z-index: 52;">            <md-button class="md-fab bg-danger md-mini md-btn-danger" aria-label="Cancel print map" ng-click="vm.cancelPrintSelect()">                <i class="fa fa-times"></i><br />            </md-button>        </div>    </div>    <div style="position: fixed; top: 200px; right: 10px; z-index: 52;">        <md-button class="md-fab md-primary md-medium" aria-label="Show disclaimer" ng-click="vm.showDisclaimer()">            <md-tooltip style="font-size: 14px;" md-direction="left">Show Disclaimer</md-tooltip>            <span style="font-size: 16px;"><b>D</b></span>        </md-button>    </div>    <div style="position: fixed; top: 260px; right: 10px; z-index: 52;" ng-show="vm.showFilterActiveNotice()">        <md-button class="md-fab md-warn md-medium" aria-label="Reset filters and search" ng-click="vm.resetMapFilters()">            <md-tooltip style="font-size: 14px;" md-direction="left">Reset filters and search</md-tooltip>            <i class="fa fa-refresh fa-lg"></i><br/>        </md-button>    </div></div><!-- Sidebar Components --><script type="text/ng-template" id="header-tb.html">    <div class="md-toolbar-tools" style="height: auto;">        <h4 style="color: #eee;">Control Panel</h4>        <span flex></span>        <md-button class="md-icon-button md-btn-light" ng-click="vm.toggleSidenav(\'rm-sidebar\')" aria-label="Close sidebar">            <i class="fa fa-2x fa-times-circle-o"></i>        </md-button>    </div></script><script type="text/ng-template" id="subheader-tb.html">    <div class="sidebar-container">        <div class="sidebar-header">            <div class="row">                <div class="col-md-12">                    <a class="sidebar-tab col-sm-4 col-xs-4" ng-class="{\'highlighted-tab\': vm.sidebarService.state == 1}" ng-click="vm.sidebarService.setSidebarState(1)">                        <span class="fa fa-filter" style="font-size: 0.75em;"></span> Filters                    </a>                    <a class="sidebar-tab col-sm-4 col-xs-4" ng-class="{\'highlighted-tab\': vm.sidebarService.state == 2}" ng-click="vm.sidebarService.setSidebarState(2)">                        <span class="fa fa-map-marker" style="font-size: 0.75em;"></span> Visible                    </a>                    <a class="sidebar-tab col-sm-4 col-xs-4" ng-class="{\'highlighted-tab\': vm.sidebarService.state == 3}" ng-click="vm.sidebarService.setSidebarState(3)">                        <span ng-if="vm.sidebarService.selectedMarker != null"><span class="fa fa-bars" style="font-size: 0.75em;"></span> Details</span>                        <span ng-if="vm.sidebarService.selectedMarker == null"><span class="fa fa-search" style="font-size: 0.75em;"></span> Search</span>                    </a>                </div>            </div>        </div>    </div></script><script type="text/ng-template" id="content-tb.html">    <!-- Filter Tab -->    <div ng-if="vm.sidebarService.state == 1" class="fill-height">        <div class="fill-height" ng-include src="vm.panelItems.filter.template"></div>    </div>    <!-- List Tab -->    <div ng-if="vm.sidebarService.state == 2" class="fill-height">        <div class="fill-height" ng-include src="vm.panelItems.list.template"></div>    </div>    <!-- Details Tab -->    <div ng-if="vm.sidebarService.state == 3" class="fill-height">        <div class="fill-height" ng-include src="vm.panelItems.detail.template"></div>    </div></script>');t.put('/Modules/RoadsReporting/Road_Reports/Templates/reports-filters-panel.html','<div class="panel-body sidebar-body fill-height" ng-controller="vm.panelItems.filter.controller" md-swipe-left="vm.toggleSidenav(\'rr-sidebar\')">    <br/>    <div class="not-clickable">        <div class="text-center">            <label class="font-larger text-primary not-clickable">Search Obstructions</label>            <p style="font-size: 12px;" class="no-margin">                Having trouble finding the right one?                <br /> Search using the form below.            </p>        </div>        <div>            <form name="form" novalidate ng-submit="vm.filterResults()" title="Road Report Filter Form">                <div class="row">                    <div class="col-xs-12">                        <md-autocomplete flex style="max-height: 65px;"                                         md-input-name="roadNameAuto"                                         md-input-minlength="2"                                         md-no-cache="true"                                         md-selected-item="vm.sidebarService.roadReportsFilter.roadName"                                         md-search-text="vm.sidebarService.roadReportsFilter.roadNameSearch"                                         md-items="item in vm.searchRoadName(vm.sidebarService.roadReportsFilter.roadNameSearch)"                                         md-item-text="item"                                         md-require-match                                         md-clear-button="true"                                         md-floating-label="Road Name"                                         aria-label="Search Road Name">                            <md-item-template>                                <span md-highlight-text="vm.sidebarService.roadReportsFilter.roadNameSearch">{{item}}</span>                            </md-item-template>                        </md-autocomplete>                    </div>                </div>                <div class="row">                    <div class="col-xs-12">                        <md-input-container style="max-width: 100%; width: 100%; max-height: 45px;">                            <label>Restriction Type</label>                            <md-select ng-model="vm.sidebarService.roadReportsFilter.restrictionTypes" multiple style="width: 100%;" aria-label="Search Restriction Type">                                <md-optgroup label="Restriction Types">                                    <md-option ng-value="item.description" ng-repeat="item in vm.restrictionTypes">{{item.description}}</md-option>                                </md-optgroup>                            </md-select>                        </md-input-container>                    </div>                </div>                <div class="row">                    <div class="col-xs-12">                        <md-input-container style="max-width: 100%; width: 100%; max-height: 45px;">                            <label>Restriction Details</label>                            <md-select ng-model="vm.sidebarService.roadReportsFilter.obstructionTypes" multiple style="width: 100%;" aria-label="Search Restriction Details">                                <md-optgroup label="Restriction Details">                                    <md-option ng-value="item.description" ng-repeat="item in vm.obstructionTypes">{{item.description}}</md-option>                                </md-optgroup>                            </md-select>                        </md-input-container>                    </div>                </div>                <div class="row">                    <div layout="row" layout-align="center center" class="md-toolbar-light">                        <md-button class="md-warn md-raised" type="button" ng-click="vm.resetFilter(form)">                            <i class="fa fa-refresh"></i> Reset                        </md-button>                        <md-button class="md-primary md-raised" type="submit">                            <i class="fa fa-search"></i> Search                        </md-button>                    </div>                </div>            </form>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Road_Reports/Templates/reports-roads-panel.html','<div class="panel-body sidebar-body fill-height" ng-controller="vm.panelItems.roads.controller" md-swipe-left="vm.toggleSidenav(\'rr-sidebar\')">    <br />    <div class="text-center">        <h4 class="text-primary no-padding no-margin" style="padding-bottom: 15px;">Major Roads</h4>    </div>    <div>        <div class="sidebar-filter-block">            <button class="col-xs-12 btn btn-default btn-block text-center" ng-class="{\'btn-primary\': vm.getHeaderText() == \'All Roads\'}" ui-sref="road-reports">                All Roads            </button>            <button class="col-xs-12 btn btn-default btn-block text-center" ng-class="{\'btn-primary\': vm.getHeaderText() == \'Stuart Highway\'}" ui-sref="major-roads({roadName:\'Stuart Highway\'})">                Stuart Highway            </button>            <button class="col-xs-12 btn btn-default btn-block text-center" ng-class="{\'btn-primary\': vm.getHeaderText() == \'Barkly Highway\'}" ui-sref="major-roads({roadName:\'Barkly Highway\'})">                Barkly Highway            </button>            <button class="col-xs-12 btn btn-default btn-block text-center" ng-class="{\'btn-primary\': vm.getHeaderText() == \'Victoria Highway\'}" ui-sref="major-roads({roadName:\'Victoria Highway\'})">                Victoria Highway            </button>            <button class="col-xs-12 btn btn-default btn-block text-center" ng-class="{\'btn-primary\': vm.getHeaderText() == \'Other Major Roads\'}" ui-sref="major-roads({roadName:\'Other Major Roads\'})">                Other Major Roads            </button>        </div>    </div></div>');t.put('/Modules/RoadsReporting/Road_Reports/Templates/reports-sorting-panel.html','<div class="panel-body sidebar-body fill-height" ng-controller="vm.panelItems.sort.controller" md-swipe-left="vm.toggleSidenav(\'rr-sidebar\')">    <br />    <div class="text-center">        <h4 class="text-primary no-padding no-margin" style="padding-bottom: 15px;">Sort Order</h4>    </div>    <div class="sidebar-filter-block">        <button class="col-xs-12 btn btn-block btn-default text-center" ng-class="{\'btn-primary\': vm.isSort(\'T_ROAD\', \'asc\')}" ng-click="vm.sortList(\'T_ROAD\', true)">            Road Name (A - Z)        </button>        <button class="col-xs-12 btn btn-block btn-default text-center" ng-class="{\'btn-primary\': vm.isSort(\'T_ROAD\', \'desc\')}" ng-click="vm.sortList(\'T_ROAD\')">            Road Name (Z - A)        </button>        <button class="col-xs-12 btn btn-block btn-default text-center" ng-class="{\'btn-primary\': vm.isSort(\'D_LAST_UDPATED\', \'desc\')}" ng-click="vm.sortList(\'D_LAST_UDPATED\')">            Most Recent        </button>        <button class="col-xs-12 btn btn-block btn-default text-center" ng-class="{\'btn-primary\': vm.isSort(\'D_LAST_UDPATED\', \'asc\')}" ng-click="vm.sortList(\'D_LAST_UDPATED\', true)">            Least Recent        </button>    </div></div>');t.put('/Modules/RoadsReporting/Road_Reports/Templates/road-reports.html','<update-meta name="viewport" content="width=device-width, initial-scale=1"></update-meta><!-- Desktop Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="rr-sidebar"            md-disable-backdrop md-is-open="vm.sidebarService.visible" ng-if="!vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-toolbar style="min-height: 0;">        <ng-include src="\'subheader-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex>        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><!-- Mobile Sidebar --><md-sidenav layout="column" class="md-sidenav-left do-not-print" md-whiteframe="12" md-component-id="rr-sidebar"            md-is-open="vm.sidebarService.visible" ng-if="vm.sidebarService.smallScreen"            ng-class="{\'sidebar-gt-sm\': vm.$mdMedia(\'gt-sm\'), \'sidebar-xs\': vm.$mdMedia(\'xs\') || vm.$mdMedia(\'sm\')}">    <md-toolbar class="md-hue-2" style="min-height: 0; border-bottom: 4px solid #3c1711;">        <ng-include src="\'header-tb.html\'"></ng-include>    </md-toolbar>    <md-toolbar style="min-height: 0;">        <ng-include src="\'subheader-tb.html\'"></ng-include>    </md-toolbar>    <md-divider></md-divider>    <md-content layout="column" layout-fill flex>        <ng-include src="\'content-tb.html\'" class="fill-height"></ng-include>    </md-content></md-sidenav><md-toolbar layout="row" layout-align="center center" class="md-toolbar-light">    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <div class="row double-row" style="margin-right: 0;">            <div class="col-sm-12">                <div class="row">                    <div class="col-xs-12 col-md-8">                        <h2 style="color: black;" class="hidden-xs">                            Current Road Obstructions                            <small><span class="hidden-xs">-</span> {{vm.getHeaderText()}}</small>                        </h2>                        <h3 style="color: black; font-size: 1.1em;" class="visible-xs">                            Road Obstructions                        </h3>                    </div>                    <div class="col-xs-12 col-md-4">                        <div class="pull-right hidden-xs hidden-sm">                            <button class="btn btn-primary square-edges" style="margin-top: 20px;"                                    ng-if="vm.sidebarService.searchingRoadReports || vm.$stateParams.roadName != null"                                    ng-click="vm.resetRoadReportList()"                                    title="Resets the road list to display all roads with no search filter applied">                                <i class="fa fa-refresh"></i> Reset List                            </button>                            <button class="btn btn-primary square-edges" style="margin-top: 20px;"                                    ng-click="vm.downloadReport()"                                    title="Generates a report of current road obstructions and downloads in PDF format"                                    ga-track-event="[\'Documents\', \'Download\', \'RoadObstructionsReport.pdf\']">                                <i class="fa fa-download"></i> Download Report                            </button>                        </div>                        <div class="visible-xs row" style="padding-top: 10px;">                            <div class="col-xs-5">                                <h3 class="no-margin no-padding" style="margin-top: -8px;"><small><span class="hidden-xs">-</span> {{vm.getHeaderText()}}</small></h3>                            </div>                            <div class="col-xs-7">                                <md-select ng-model="vm.sidebarService.roadReportsFilter.pageSize" ng-change="vm.pageChanged()"                                            style="color: black; font-size: 14px; margin-top: -8px;" aria-label="Select page size">                                    <md-option ng-repeat="item in vm.pageSizes" ng-value="item.value">                                        Page Size: {{item.value}}                                    </md-option>                                </md-select>                            </div>                            <div class="col-xs-12" ng-if="vm.showPagination()">                                <ul class="input-sm no-padding no-margin pull-right" style="margin-bottom: 10px;"                                    uib-pagination max-size="2" boundary-link-numbers="true" force-ellipses="true" rotate="true"                                    previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"                                    total-items="vm.totalRecords" ng-model="vm.sidebarService.roadReportsFilter.page"                                     items-per-page="vm.sidebarService.roadReportsFilter.pageSize"                                    ng-change="vm.pageChanged()"></ul>                            </div>                        </div>                    </div>                </div>            </div>            <div class="col-sm-12">                <div class="row" style="padding-bottom: 0; margin-bottom: 0;">                    <div class="col-md-3 col-sm-3 hidden-xs" style="margin: 20px 0;">                        <md-select ng-model="vm.sidebarService.roadReportsFilter.pageSize" ng-change="vm.pageChanged()"                                    style="color: black; font-size: 14px; margin-top: -8px;" aria-label="Select page size">                            <md-option ng-repeat="item in vm.pageSizes" ng-value="item.value">                                {{item.label}}                            </md-option>                        </md-select>                    </div>                    <div class="col-md-3 col-sm-3 hidden-xs" style="margin: 25px 0; font-size: 0.7em;">                        <p><b class="auto-fill-text">{{vm.totalRecords}} Obstructions</b></p>                    </div>                    <div class="col-sm-6 hidden-xs">                        <ul class="pull-right input-sm no-padding"                            uib-pagination max-size="vm.maxPaginationSize"                            rotate="true" force-ellipses="true" total-items="vm.totalRecords"                             previous-text="Previous" next-text="Next" boundary-link-numbers="true"                            ng-model="vm.sidebarService.roadReportsFilter.page"                             items-per-page="vm.sidebarService.roadReportsFilter.pageSize"                             ng-change="vm.pageChanged()"></ul>                    </div>                </div>            </div>        </div>    </div></md-toolbar><md-content id="report-content-panel" layout="row" layout-fill layout-align="center none" flex>    <div flex="95" flex-gt-sm="90" flex-md="85" flex-gt-md="65">        <div>            <br class="visible-xs visible-sm" id="report-top" />            <div ng-show="vm.totalRecords == 0 && !vm.retrievingData">                <div class="panel panel-default text-center">                    <div class="panel-heading">                        <label>{{vm.getNoResultsMessage()}}</label>                    </div>                </div>            </div>            <div class="panel panel-default" style="margin-bottom: 10px;" ng-repeat="obstruction in vm.roadDataSet">                <div class="panel-body not-clickable">                    <div class="row">                        <div class="col-xs-12 col-sm-10">                            <img class="no-user-select report-header-img" ng-src="{{vm.getObstructionSymbol(obstruction)}}" width="25" alt="{{obstruction.restrictionType}} symbol image" />                            <span class="report-item-header" ng-if="obstruction.roadName != \'\' && obstruction.roadName != null">{{obstruction.roadName}}</span>                            <span class="report-item-header" ng-if="obstruction.roadName == \'\' || obstruction.roadName == null">Unknown Road</span>                            <span class="report-item-sub-header">- {{vm.getObstructionHeader(obstruction)}}</span>                            <span class="report-item-sub-header" ng-if="obstruction.restrictionType == \'Road Closed\'"> ({{obstruction.obstructionType}})</span>                        </div>                        <div class="visible-xs col-xs-12" style="font-size: 0.95em;">                            <hr class="dark-hr hr-md" />                            <span>                                <p class="text-bold">Restriction Type:</p>                                <p>                                    <a ng-if="vm.toolTipExists(obstruction.typeTooltip)"                                        class="link-no-underline clickable"                                        uib-tooltip="{{obstruction.typeTooltip}}"                                        tooltip-placement="bottom-left"                                        tooltip-trigger="outsideClick">{{obstruction.restrictionType}}</a>                                    <span ng-if="!vm.toolTipExists(obstruction.typeTooltip)">{{obstruction.restrictionType}}</span>                                </p>                                <p class="text-bold">Restriction Details:</p>                                <p>                                    <span ng-if="vm.toolTipExists(obstruction.detailsTooltip)"                                          class="text-primary clickable"                                          uib-tooltip="{{obstruction.detailsTooltip}}"                                          tooltip-placement="bottom-left"                                          tooltip-trigger="outsideClick">{{obstruction.obstructionType}}</span>                                    <span ng-if="!vm.toolTipExists(obstruction.detailsTooltip)">{{obstruction.obstructionType}}</span>                                </p>                            </span>                            <p class="text-bold">Section Affected:</p>                            <p>{{obstruction.locationComment}}</p>                            <p class="text-bold">Comments:</p>                            <p ng-bind="obstruction.comment"></p>                        </div>                        <div class="col-xs-12 col-sm-2">                            <hr class="visible-xs hr-md" />                            <button class="btn btn-sm btn-default view-map-btn-xs" title="View obstruction on the map" aria-hidden="true"                                    ng-class="{\'pull-right\': vm.$mdMedia(\'gt-sm\')}"                                    ng-click="vm.viewOnMap($event, obstruction.recordId)">                                <i class="fa fa-map-marker"></i> View on Map                            </button>                        </div>                    </div>                    <div class="row hidden-xs">                        <hr class="dark-hr hr-md" />                    </div>                    <div class="row hidden-xs" style="padding-left: 40px; font-size: 0.95em;">                        <div class="col-xs-6">                            <p>                                <span class="text-bold">Restriction Type:</span>                                <a ng-if="vm.toolTipExists(obstruction.typeTooltip)"                                   class="link-no-underline clickable"                                   uib-tooltip="{{obstruction.typeTooltip}}"                                   tooltip-trigger="mouseenter"                                   tooltip-placement="right"                                   ng-click="vm.viewTooltipTerminology(obstruction.restrictionType)">{{obstruction.restrictionType}}</a>                                <span ng-if="!vm.toolTipExists(obstruction.typeTooltip)">{{obstruction.restrictionType}}</span>                            </p>                        </div>                        <div class="col-xs-6">                            <p>                                <span class="text-bold">Restriction Details:</span>                                <a ng-if="vm.toolTipExists(obstruction.detailsTooltip)"                                   class="link-no-underline clickable"                                   uib-tooltip="{{obstruction.detailsTooltip}}"                                   tooltip-trigger="mouseenter"                                   tooltip-placement="right"                                   ng-click="vm.viewTooltipTerminology(obstruction.obstructionType)">{{obstruction.obstructionType}}</a>                                <span ng-if="!vm.toolTipExists(obstruction.detailsTooltip)">{{obstruction.obstructionType}}</span>                            </p>                        </div>                        <div class="col-xs-6">                            <p>                                <span class="text-bold">Section Affected:</span> {{obstruction.locationComment}}                            </p>                        </div>                        <div class="col-xs-6">                            <p>                                <span class="text-bold">Comments:</span> {{obstruction.comment}}                            </p>                        </div>                    </div>                </div>            </div>            <div class="row double-row visible-xs" ng-if="vm.showPagination()">                <ul class="input-sm no-padding no-margin pull-right" style="margin-bottom: 10px;"                    uib-pagination max-size="2" boundary-link-numbers="true" force-ellipses="true" rotate="true"                    previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"                    total-items="vm.totalRecords" ng-model="vm.sidebarService.roadReportsFilter.page"                    items-per-page="vm.sidebarService.roadReportsFilter.pageSize"                    ng-change="vm.pageChanged()"></ul>            </div>        </div>        <div class="list-disclaimer">            <p>{{vm.disclaimer}}</p>        </div>        <div class="visible-xs visible-sm" style="padding-bottom: 150px;"></div>    </div></md-content><div hide-gt-sm class="do-not-print">    <div style="position: fixed; bottom: 25px; right: 10px; z-index: 52;" ng-class="{\'push-settings-fab\': vm.showFilterActiveNotice()}">        <md-fab-speed-dial md-open="vm.speedDialOpen" md-direction="up" class="md-scale" ng-cloak>            <md-fab-trigger>                <md-button aria-label="Options Menu" class="md-fab md-larger md-btn-rr-alt md-raised">                    <i class="fa fa-bars fa-2x" style="margin-top: 18px;"></i>                </md-button>            </md-fab-trigger>            <md-fab-actions ng-if="vm.speedDialOpen">                <md-button aria-label="Show Obstructions List" class="md-fab md-raised md-medium md-btn-rr-alt"                           ng-click="vm.sidebarService.setSidebarState(3)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(3)"                                md-visible="vm.speedDialOpen" md-direction="left">Sorting</md-tooltip>                    <i class="fa fa-lg fa-sort-alpha-asc"></i>                </md-button>                <md-button aria-label="Show Filters" class="md-fab md-raised md-medium md-btn-rr-alt"                           ng-click="vm.sidebarService.setSidebarState(2)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(2)"                                md-visible="vm.speedDialOpen" md-direction="left">Filters</md-tooltip>                    <i class="fa fa-lg fa-filter"></i>                </md-button>                <md-button aria-label="Show Search" class="md-fab md-raised md-medium md-btn-rr-alt"                           ng-click="vm.sidebarService.setSidebarState(1)">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.sidebarService.setSidebarState(1)"                                md-visible="vm.speedDialOpen" md-direction="left">Search</md-tooltip>                    <i class="fa fa-lg fa-search"></i>                </md-button>                <md-button aria-label="Show Disclaimer" class="md-fab md-raised md-medium md-btn-rr-alt"                           ng-click="vm.downloadReport()"                           title="Generates a report of current road obstructions and downloads in PDF format"                           ga-track-event="[\'Documents\', \'Download\', \'RoadObstructionsReport.pdf\']">                    <md-tooltip class="btn-md-tooltip" md-autohide="false" ng-click="vm.downloadReport()"                                md-visible="vm.speedDialOpen" md-direction="left">Download Report (PDF)</md-tooltip>                    <i class="fa fa-lg fa-download"></i>                </md-button>                <md-button aria-label="Show Site Navigation" class="md-fab md-raised md-medium md-btn-rr-alt-important" ng-click="vm.toggleSidenav(\'mainNav\')">                    <md-tooltip class="btn-md-tooltip" style="font-size: 14px;" md-autohide="false" ng-click="vm.toggleSidenav(\'mainNav\')"                                md-visible="vm.speedDialOpen" md-direction="left">Site Navigation</md-tooltip>                    <i class="fa fa-lg fa-share"></i>                </md-button>            </md-fab-actions>        </md-fab-speed-dial>    </div>    <div style="position: fixed; bottom: 25px; right: 20px; z-index: 52;" ng-show="vm.showFilterActiveNotice()">        <md-button class="md-fab md-larger md-warn md-hue-2" aria-label="Reset filters and search" ng-click="vm.resetRoadReportList()">            <i class="fa fa-2x fa-refresh" style="margin-top: 18px;"></i>        </md-button>    </div></div><div hide-xs hide-sm class="do-not-print">    <div style="position: fixed; top: 140px; left: 10px; z-index: 2;">        <md-button class="md-fab md-larger md-primary" aria-label="Toggle sidebar" ng-click="vm.toggleSidenav(\'rr-sidebar\')">            <md-tooltip style="font-size: 14px;" md-direction="right">Show Filtering Options</md-tooltip>            <i class="fa fa-filter fa-lg"></i><br/>        </md-button>    </div></div><!-- Sidebar Components --><script type="text/ng-template" id="header-tb.html">    <div class="md-toolbar-tools" style="height: auto;">        <h4 style="color: #eee;">Filtering Options</h4>        <span flex></span>        <md-button class="md-icon-button md-btn-light" ng-click="vm.toggleSidenav(\'rr-sidebar\')" aria-label="Close sidebar">            <i class="fa fa-2x fa-times-circle-o"></i>        </md-button>    </div></script><script type="text/ng-template" id="subheader-tb.html">    <div class="sidebar-container">        <div class="sidebar-header">            <div class="row">                <div class="col-md-12">                    <a class="sidebar-tab col-xs-4" ng-class="{\'highlighted-tab\': vm.sidebarService.state == 3}"                       ng-click="vm.sidebarService.setSidebarState(3)">                        <span class="fa fa-sort" style="font-size: 0.75em;"></span> Sort                    </a>                    <a class="sidebar-tab col-xs-4" style="padding-left: 0; padding-right: 0;"                       ng-class="{\'highlighted-tab\': vm.sidebarService.state == 2}"                       ng-click="vm.sidebarService.setSidebarState(2)">                        <span class="fa fa-road" style="font-size: 0.75em;"></span> Roads                    </a>                    <a class="sidebar-tab col-xs-4" ng-class="{\'highlighted-tab\': vm.sidebarService.state == 1}"                       ng-click="vm.sidebarService.setSidebarState(1)">                        <span class="fa fa-search" style="font-size: 0.75em;"></span> Search                    </a>                </div>            </div>        </div>    </div></script><script type="text/ng-template" id="content-tb.html">    <div ng-if="vm.sidebarService.state == 1" class="fill-height">        <ng-include class="fill-height" src="vm.panelItems.filter.template"></ng-include>    </div>    <div ng-if="vm.sidebarService.state == 2" class="fill-height">        <ng-include class="fill-height" src="vm.panelItems.roads.template"></ng-include>    </div>    <div ng-if="vm.sidebarService.state == 3" class="fill-height">        <ng-include class="fill-height" src="vm.panelItems.sort.template"></ng-include>    </div></script>');}]);