angular.module('Events').run(['$templateCache',function(t){t.put('Content/static/html/inPerson.html',' <!--<menu-directive></menu-directive>--> <my-view  mseventtype="mseventtype" searchparameter="searchparameter" page-view="pageshow" issharedinlocalviewmode="issharedinlocalviewmode"></my-view>');t.put('Content/static/html/inPersonDirective.html','<div class="container-fluid" ng-show="pageView">    <div ng-show=FlightingCarousel class="bannerSection">        <div class="bannerInnerSection container-fluid">            <!--hidden-xs-->            <div class="heroImage row" tabindex="-1">                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" role="complementary">                    <div class="image-banner">                        <div class="imagegroup">                            <ul>                                <li>                                    <a href="{{premiumEventsData[0].EventUrl}}" target="_blank" ng-if="premiumEventsData[0].EventUrl" aria-label="Banner">                                        <img ng-src="{{premiumEventsData[0].EventImage}}" alt="" title="{{premiumEventsData[0].EventTitle}}">                                    </a>                                    <a href="" ng-if="!premiumEventsData[0].EventUrl" aria-label="Banner">                                        <img ng-src="{{premiumEventsData[0].EventImage}}" alt="" title="{{premiumEventsData[0].EventTitle}}">                                    </a>                                </li>                            </ul>                        </div>                        <div><h1 class="banner-title">Events Catalog</h1></div>                    </div>                </div>            </div>        </div>        <!--Responsive-->        <!-- Brand and toggle get grouped for better mobile display -->        <div class="container navbar-header">            <div class="row  ">                <div class="col-xs-11 hidden-lg hidden-md hidden-sm">                    <h2 class="header_title searchForEvents">Search For Events</h2>                </div>                <div class="col-xs-1 pddng0">                    <button type="button" class="navbar-toggle collapsed" ng-click="glyphicon =! glyphicon" id="searchToggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Search For Events">                        <span ng-class="glyphicon ? \'glyphicon glyphicon-chevron-up\':\'glyphicon glyphicon-chevron-down\'"></span>                    </button>                </div>            </div>        </div>        <!-- Content for toggling -->        <div class="collapse navbar-collapse pddng0" id="bs-example-navbar-collapse-1">            <div class="container searchSection" role="search">                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs">                    <h2 class="header_title searchForEvents">Search For Events</h2>                </div>                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 mrgnBttm">                    <div class="row">                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <div class="placeholder placeholderfont" id="searchBoxPlaceHolder" aria-label="Search events by  category, product or Solution Area"> Search by role, category or product </div>                            <input type="text" maxlength="500" id="searchBox" aria-labelledby="searchBoxPlaceHolder" class="form-control textBox searchBox pddng5" ng-model="searchparameter.query" />                        </div>                    </div>                </div>                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-2 mrgnBttm">                    <div class="row">                        <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">                            <div class="inText">When</div>                        </div>                        <div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">                            <div class="dropdown">                                <button class="form-control textBox selectBox1 dropdown-toggle dLeft" type="button" data-toggle="dropdown" aria-expanded="false" role="combobox" aria-label="Select time period for events" id="dropDownId">                                    {{timePeriodName}}                                    <span class="caret dCart" role="textbox" aria-hidden="true"></span>                                </button>                                <!--<ul class="dropdown-menu dSpan" role="menu">                                    <li role="option" ng-click="timePeriodChanged(\'all\')"><a href="">All</a></li>                                    <li role="option" ng-click="timePeriodChanged(\'next7Days\')"><a href="">Next 7 days</a></li>                                    <li role="option" ng-click="timePeriodChanged(\'next30Days\')"><a href="">Next 30 days</a></li>                                    <li role="option" ng-click="timePeriodChanged(\'next90Days\')"><a href="">Next 90 days</a></li>                                </ul>-->                                <ul role="listbox" class="dropdown-menu dSpan">                                    <li role="presentation" ng-click="timePeriodChanged(\'all\')"> <a role="option" id="allId" aria-posinset="1" aria-setsize="4" aria-label="all not selected" href="">All</a></li>                                    <li role="presentation" ng-click="timePeriodChanged(\'next7Days\')"> <a role="option" id="next7DaysId" aria-posinset="2" aria-setsize="4" aria-label="next 7 days not selected" href="">Next 7 days</a></li>                                    <li role="presentation" ng-click="timePeriodChanged(\'next30Days\')"> <a role="option" id="next30DaysId" aria-posinset="3" aria-setsize="4" aria-label="next 30 days not selected" href="">Next 30 days</a></li>                                    <li role="presentation" ng-click="timePeriodChanged(\'next90Days\')"> <a role="option" id="next90DaysId" aria-posinset="4" aria-setsize="4" aria-label="next 90 days not selected" href="">Next 90 days</a></li>                                </ul>                            </div>                        </div>                    </div>                </div>                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 mrgnBttm">                    <div class="row">                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">                            <div class="inText">Starts between</div>                        </div>                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">                            <input id="startTime" type="time" value="{{searchparameter.startTime}}" class="form-control textBox startTime" aria-label="Select preferred start time for events list" ng-model="searchparameter.startTime" aria-haspopup="listbox" />                        </div>                        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">                            <div class="inText">and</div>                        </div>                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">                            <input id="endTime" type="time" value="{{searchparameter.endTime}}" class="form-control textBox endTime" aria-label="Select preferred end time for events list" ng-model="searchparameter.endTime" aria-haspopup="listbox">                        </div>                    </div>                </div>                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 mrgnBttm">                    <div class="row">                        <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2" aria-hidden="true">                            <div class="inText">Location</div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">                            <a11y-type-ahead selected-item="cityQuery" config="aclConfig"></a11y-type-ahead>                        </div>                        <div class="col-xs-3 col-sm-3 col-md-4 col-lg-4">                            <div tabindex="-1">                                <input type="button" value="Search" class="form-control textBox searchBtn searchBtnWidth" ng-click="search()" data-toggle="tooltip" data-placement="bottom" title="Please select a city from the list of cities" />                                <span class="sr-only" ng-if="cityQuery.length > 0">Search button is disabled because a city was not selected from the drop down. Navigate back to re-enter your input and make sure to choose a city from the city drop down list.</span>                            </div>                            <a class="skipToEventSearch skipToEvents skipToResults" href="">Skip To Results</a>                        </div>                    </div>                </div>            </div>        </div>        <!--collapse -->        <!--end-->    </div>    <div class="body-content">        <div class="container">            <div class="pageLoad" id="pageLoad" ng-show="Spinner">                <div class="c-progress f-indeterminate-local f-progress-large" role="progressbar" tabindex="0">                    <span></span>                    <span></span>                    <span></span>                    <span></span>                    <span></span>                </div>                <div class="sr-only" aria-live="assertive" aria-atomic="true" id="pageHidden"></div>            </div>            <span class="sr-only" aria-live="assertive" id="resVal" aria-atomic="true"></span>            <div class="row" ng-if="eventResults">                <nav role="navigation" aria-label="Search filter" class="col-sm-12 col-sm-12 col-md-3 col-lg-3">                    <div class="row">                        <div class="col-md-12  filterSection">                            <div class="filterSectionTitle">                                <div>                                    <h2>Filter By</h2>                                    <button type="button" class="navbar-toggle collapsed" ng-click="glyphicon =! glyphicon;hideCollapseExpandBtn()" id="facetToggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false" aria-label="Search For filters">                                        <span role="application" ng-class="glyphicon ? \'glyphicon glyphicon-chevron-up\':\'glyphicon glyphicon-chevron-down\'"></span>                                    </button>                                    <div class="filterLinks" aria-label="Filter Region">                                        <div id="collapse" tabindex="0" class="linkimitation" role="button" aria-label="Collapse All Filters" aria-pressed="false" ng-click="collapseAll()" ng-enter="collapseAll()">Collapse All</div>                                        <span aria-hidden="true">|</span>                                        <div id="expand" tabindex="0" class="linkimitation" role="button" aria-label="Expand All Filters" aria-pressed="true" ng-click="expandAll()" ng-enter="expandAll()"> Expand All </div>                                    </div>                                </div>                                <a class="filterByclear" aria-label="clear, all filters," value="clear all" ng-if="clearAllBtn" ng-click="clearAllFacets()" href="">Clear All</a>                            </div>                            <div class="clearfix"></div>                            <div id="bs-example-navbar-collapse-2" class="navbar-collapse collapse pddng0" ng-if="!stophiddenread">                                <div uib-accordion class="filterCategory" id="category" ng-if="facets.Category.length > 0">                                    <h3 class="filterTitle"> Category </h3>                                    <span class="clearTitle">                                        <!--ng-if="categoryClearBtn"-->                                        <a href="" aria-label="clear, category filter," ng-click="clearFacets(\'category\', categoryClearBtn)" role="button" aria-disabled={{!categoryClearBtn}}                                           ng-class="{\'SetOpacity\': !categoryClearBtn}"> Clear </a>                                    </span>                                    <div uib-accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled" filter-name="Category, filter,">                                        <div uib-accordion-heading id="categoryHeading">                                            <span ng-if="!status.isFirstOpen" class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFirstOpen" class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </div>                                        <ul>                                            <li class="checkbox" ng-repeat="category in facets.Category  track by $index">                                                <label id="category{{$index}}" for="{{category.ItemName  | removeSpaces}}" data-toggle="tooltip" data-placement="top" title="{{category.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.Category.length}} , {{category.ItemName}} {{category.Count}} events available" type="checkbox" ng-model="category.selected" id="{{category.ItemName  | removeSpaces}}" value="{{category.ItemName}}"                                                           ng-click="facetFilterSelected(\'category\', facets.Category, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true"> {{category.ItemName}}</span> <span class="productCount" aria-hidden="true">({{category.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                                <div uib-accordion class="filterCategory" id="product" ng-if="facets.Product.length > 0">                                    <h3 class="filterTitle">Products </h3>                                    <span class="clearTitle">                                        <!--ng-if="productClearBtn"-->                                        <a href="" aria-label="clear, products filter," ng-click="clearFacets(\'product\', productClearBtn)" role="button" aria-disabled={{!productClearBtn}}                                           ng-class="{\'SetOpacity\': !productClearBtn}">Clear </a>                                    </span>                                    <div uib-accordion-group is-open="status.isSecondOpen" filter-name="Products, filter,">                                        <uib-accordion-heading id="productHeading">                                            <span ng-if="!status.isSecondOpen" class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isSecondOpen" class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="products in facets.Product track by $index">                                                <label id="products{{$index}}" data-toggle="tooltip" data-placement="top" title="{{products.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.Product.length}} , {{products.ItemName}} {{products.Count}} events available" type="checkbox" ng-model="products.selected" id="{{products.ItemName  | removeSpaces}}" value="{{products.ItemName}}"                                                           ng-click="facetFilterSelected(\'product\', facets.Product, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{products.ItemName}}</span> <span class="productCount" aria-hidden="true">({{products.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                                <div uib-accordion class="filterCategory" id="solutionArea" ng-if="facets.SolutionArea.length > 0">                                    <h3 class="filterTitle">Solution Area</h3>                                    <span class="clearTitle">                                        <!--ng-if="solutionAreaClearBtn"-->                                        <a href="" aria-label="clear, Solution Area filter," ng-click="clearFacets(\'solutionArea\', solutionAreaClearBtn)" role="button"                                           aria-disabled={{!solutionAreaClearBtn}} ng-class="{\'SetOpacity\': !solutionAreaClearBtn}">Clear </a>                                    </span>                                    <div uib-accordion-group is-open="status.isSecondOpen" filter-name="Solution Area, filter,">                                        <uib-accordion-heading id="solutionAreaHeading">                                            <span ng-if="!status.isSecondOpen" class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isSecondOpen" class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="solutionArea in facets.SolutionArea track by $index">                                                <label id="solutionArea{{$index}}" data-toggle="tooltip" data-placement="top" title="{{solutionArea.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.SolutionArea.length}} , {{solutionArea.ItemName}} {{solutionArea.Count}} events available" type="checkbox" ng-model="solutionArea.selected" id="{{solutionArea.ItemName  | removeSpaces}}" value="{{solutionArea.ItemName}}"                                                           ng-click="facetFilterSelected(\'solutionArea\', facets.SolutionArea, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{solutionArea.ItemName}}</span> <span class="productCount" aria-hidden="true">({{solutionArea.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                                <div uib-accordion close-others="oneAtATime" class="filterCategory" id="eventsfor" ng-if="facets.EventsFor.length > 0">                                    <h3 class="filterTitle"> Events for</h3>                                    <span class="clearTitle">                                        <!--ng-if="facetClearBtn"-->                                        <a href="" aria-label="clear, events for filter," ng-click="clearFacets(\'eventsfor\', facetClearBtn)" role="button"                                           aria-disabled={{!facetClearBtn}} ng-class="{\'SetOpacity\': !facetClearBtn}"> Clear </a>                                    </span>                                    <div uib-accordion-group is-open="status.isThirdOpen" filter-name="Events for, filter,">                                        <uib-accordion-heading>                                            <span ng-if="!status.isThirdOpen" class="glyphicon glyphicon-plus icon"></span>                                            <span ng-if="status.isThirdOpen" class="glyphicon glyphicon-minus icon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="eventsfor in facets.EventsFor track by $index">                                                <label id="eventsfor{{$index}}" for="{{eventsfor.ItemName | removeSpaces}}" data-toggle="tooltip" data-placement="top" title="{{eventsfor.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.EventsFor.length}} , {{eventsfor.ItemName}} {{eventsfor.Count}} events available" type="checkbox" ng-model="eventsfor.selected" id="{{eventsfor.ItemName | removeSpaces}}" value="{{eventsfor.ItemName}}"                                                           ng-click="facetFilterSelected(\'eventsfor\', facets.EventsFor, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{eventsfor.ItemName}}</span> <span class="productCount" aria-hidden="true">({{eventsfor.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                                <div uib-accordion class="filterCategory" id="language" ng-if="facets.PrimaryLanguage.length > 0">                                    <h3 class="filterTitle">Language</h3>                                    <span class="clearTitle">                                        <!--ng-if="languageClearBtn"-->                                        <a href="" aria-label="clear, language filter," ng-click="clearFacets(\'language\', languageClearBtn)" role="button"                                           aria-disabled={{!languageClearBtn}} ng-class="{\'SetOpacity\': !languageClearBtn}">Clear</a>                                    </span>                                    <div uib-accordion-group is-open="status.isFourthOpen" filter-name="Language, filter,">                                        <uib-accordion-heading id="languageHeading">                                            <span ng-if="!status.isFourthOpen" class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFourthOpen" class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="primarayLanguage in facets.PrimaryLanguage track by $index">                                                <label id="primarayLanguage{{$index}}" data-toggle="tooltip" data-placement="top" title="{{primarayLanguage.LanguageName}}">                                                    <input type="checkbox" aria-label="Filter {{$index+1}} of {{facets.PrimaryLanguage.length}} , {{primarayLanguage.LanguageName}} language {{primarayLanguage.Count}} events available" lang="{{primarayLanguage.LanguageCode}}" ng-model="primarayLanguage.selected" id="{{primarayLanguage.LanguageName  | removeSpaces}}" value="{{primarayLanguage.LanguageName}}"                                                           ng-click="facetFilterSelected(\'language\', facets.PrimaryLanguage, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{primarayLanguage.LanguageName}}</span> <span class="productCount" aria-hidden="true">({{primarayLanguage.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                                <div uib-accordion class="lastFilterCategory" id="country" ng-if="facets.Country.length > 0">                                    <h3 class="filterTitle">Country</h3>                                    <span class="clearTitle">                                        <!--ng-if="countryClearBtn"-->                                        <a href="" aria-label="clear, country filter," ng-click="clearFacets(\'country\', countryClearBtn)" role="button"                                           aria-disabled={{!countryClearBtn}} ng-class="{\'SetOpacity\': !countryClearBtn}">Clear</a>                                    </span>                                    <div uib-accordion-group is-open="status.isFifthOpen" filter-name="Country, filter,">                                        <uib-accordion-heading>                                            <span ng-if="!status.isFifthOpen" class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFifthOpen" class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="countrylist in facets.Country track by $index">                                                <label id="countrylist{{$index}}" data-toggle="tooltip" data-placement="top" title="{{countrylist.ItemName}}">                                                    <input type="checkbox" aria-label="Filter {{$index+1}} of {{facets.Country.length}} , {{countrylist.ItemName}} {{countrylist.Count}} events available" ng-model="countrylist.selected" id="{{countrylist.ItemName  | removeSpaces}}" value="{{countrylist.ItemName}}"                                                           ng-click="facetFilterSelected(\'country\', facets.Country, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{countrylist.ItemName}}</span> <span class="productCount" aria-hidden="true">({{countrylist.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </div>                                </div>                            </div>                        </div>                    </div>                </nav>                <main tabindex="0" role="main" class="col-sm-12 col-md-9 col-lg-9 eventsMainContainer">                    <div class="hidden-xs">                        <div class="alert releaseNotification" id="releaseAlert">                            <span>City Search experience has been enhanced.</span><button tabindex="0" aria-label="City Search has been enhanced to display the nearest events first for the City searched for. Click to Dismiss Notification" class="close" onclick="this.parentElement.style.display=\'none\';"><span aria-hidden="true" style="font-weight:bold">&times;</span></button>                        </div>                    </div>                    <div class="row" ng-if="clearAllBtn" id="eventContent">                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <div style="float:left;vertical-align:top;">                                <ul class="facetsSelected">                                    <li id="filterLabel"><span class="filterLabel">Applied Filters: </span></li>                                    <li ng-if="currentSearchParameter.query">                                        <a href="" class="clearFacetSelected" aria-label="clear, search filter {{currentSearchParameter.query}}" ng-click="clearFacetSelected(\'searchQuery\', currentSearchParameter.query)">                                            <span>{{currentSearchParameter.query}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-if="currentSearchParameter.timeperiod && currentSearchParameter.timeperiod != \'All\'">                                        <a href="" class="clearFacetSelected" aria-label="clear, search filter {{currentSearchParameter.timeperiod}}" ng-click="clearFacetSelected(\'timePeriod\', currentSearchParameter.timeperiod)">                                            <span>{{currentSearchParameter.timeperiod}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-if="currentSearchParameter.startTime && currentSearchParameter.endTime">                                        <a href="" class="clearFacetSelected" aria-label="clear, search filter {{currentSearchParameter.startTime}}" ng-click="clearFacetSelected(\'timePreference\', currentSearchParameter.startTime)">                                            <span>Starts between {{currentSearchParameter.startTime}} and {{currentSearchParameter.endTime}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-if="currentSearchParameter.city">                                        <a href="" class="clearFacetSelected" aria-label="clear, city filter {{currentSearchParameter.city}}" ng-click="clearFacetSelected(\'city\', currentSearchParameter.city)">                                            <span>{{currentSearchParameter.city}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="category in facets.Category track by $index" name="{{category.ItemName}}" ng-if="category.selected" id="categoryfacets{{$index}}">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Category {{category.ItemName}}" ng-click="clearFacetSelected(\'category\', category)">                                            <span>{{category.ItemName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="products in facets.Product track by $index" name="{{products.ItemName}}" ng-if="products.selected" id="productsfacets{{$index}}">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Products {{products.ItemName}}" ng-click="clearFacetSelected(\'product\', products)">                                            <span>{{products.ItemName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="solutionArea in facets.SolutionArea track by $index" name="{{solutionArea.ItemName}}" ng-if="solutionArea.selected" id="solutionAreafacets{{$index}}">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Solution Area {{solutionArea.ItemName}}" ng-click="clearFacetSelected(\'solutionArea\', solutionArea)">                                            <span>{{solutionArea.ItemName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="eventsfor in facets.EventsFor track by $index" name="{{eventsfor.ItemName}}" ng-if="eventsfor.selected" id="eventsforfacets{{$index}}">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Events for {{eventsfor.ItemName}}" ng-click="clearFacetSelected(\'eventsfor\', eventsfor)">                                            <span>{{eventsfor.ItemName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="primarayLanguage in facets.PrimaryLanguage track by $index" name="{{primarayLanguage.LanguageName}}" id="primarayLanguagefacets{{$index}}" ng-if="primarayLanguage.selected">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Language {{primarayLanguage.LanguageName}}" ng-click="clearFacetSelected(\'language\', primarayLanguage)">                                            <span>{{primarayLanguage.LanguageName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li ng-repeat="countrylist in facets.Country track by $index" name="{{countrylist.ItemName}}" ng-if="countrylist.selected" id="countrylistfacets{{$index}}">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Country {{countrylist.ItemName}}" ng-click="clearFacetSelected(\'country\', countrylist)">                                            <span>{{countrylist.ItemName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li name="{{CountryName}}" ng-if="facets.Country.length === 0 && IsLocalViewMode===true">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Country {{CountryName}}" ng-click="clearFacetSelected(\'country\', null)">                                            <span>{{CountryName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li name="{{LanguageName}}" ng-if="facets.PrimaryLanguage.length === 0 && IsLocalViewMode===true">                                        <a href="" class="clearFacetSelected" aria-label="clear filter, Country {{LanguageName}}" ng-click="clearFacetSelected(\'language\', null)">                                            <span>{{LanguageName}}</span>                                            <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                        </a>                                    </li>                                    <li id="clearAllBtn">                                        <input type="button" aria-label="clear, all filters," class="clearBtn clearFacetSelected hidden-xs hidden-sm" value="clear all" ng-if="clearAllBtn" ng-click="clearAllFacets()" />                                    </li>                                </ul>                            </div>                        </div>                    </div>                    <div class="row">                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <h2 class="mainContainerEventTitle">                                <span class="fontsize_18" ng-if="eventsData.length&gt;15">1 to {{eventsData.length}} of {{data.TotalResults}} Events</span>                                <!-- <p class="fontsize_18" ng-if="!eventsData.length>0">0 Events</p> -->                                <span ng-if="eventsData.length&lt;=15" class="fontsize_18">                                    {{data.TotalResults}}                                    <span ng-if="eventsData.length===1">Event</span>                                    <span ng-if="eventsData.length&gt;1">Events</span>                                </span>                            </h2>                            <!--Added for ListView GridView-->                            <!--<div class="well well-sm">-->                            <div class="btnAlignment">                                <div class="eventsSharingBtnContainer">                                    <a href="" role="button" id="ShareEventsBtn" class="btn btn-default btn-sm" ng-click="copyUrlToClipboard()">                                        <span class="glyphicon glyphicon-share-alt"></span> Share                                    </a>                                </div>                                <div class="btn-group">                                    <a href="" role="button" aria-labelledby="listViewPressed" aria-pressed="true" id="list" class="btn btn-active btn-sm" ng-click="listview()">                                        <span class="glyphicon glyphicon-th-list"></span>List                                    </a>                                    <a href="" role="button" aria-labelledby="gridViewPressed" aria-pressed="false" id="grid" class="btn btn-default btn-sm" ng-click="gridview()">                                        <span class="glyphicon glyphicon-th"></span>Grid                                    </a>                                    <a href="" role="button" aria-labelledby="mapViewPressed mapViewInPerson mapViewAccessibilityWarning" aria-pressed="false" id="map" class="btn btn-default btn-sm" ng-click="mapview()">                                        <span class="glyphicon glyphicon-map-marker"></span>Map                                    </a>                                    <span class="hide" id="listViewPressed">View events in List View</span>                                    <span class="hide" id="gridViewPressed">View events in Grid View</span>                                    <span class="hide" id="mapViewPressed">View events in Map View</span>                                    <span class="hide" id="mapViewInPerson">In Person category will be auto selected on selecting Map view</span>                                    <span id="mapViewAccessibilityWarning" role="alertdialog" class="hide">Map View is not keyboard accessible, please switch to list view with inperson selected for keyboard accessible experience</span>                                </div>                            </div>                            <!--</div>-->                            <!---->                            <div id="clipboardPlaceholder"></div>                        </div>                    </div>                    <div class="row">                        <span aria-hidden="true" class="sr-only">                            <span id="aria-event-instruction">Opens new dialog,</span>                            <span id="aria-event-title">EVENT TITLE, </span>                            <span id="aria-event-category">, EVENT CATEGORY, </span>                            <span id="aria-event-date">, EVENT DATE, </span>                            <span id="aria-event-location">, EVENT LOCATION, </span>                            <span id="aria-event-description">, EVENT DESCRIPTION, </span>                        </span>                        <div id="eventlistview">                            <article class="item {{viewtype}} col-sm-6 col-xs-6 col-md-3 portrait-width" ng-repeat="events in eventsData track by $index" id="event{{$index}}">                                <div ng-if="events.Category === \'In Person\'">                                    <div id="{{events.EventId}}" class="eventSection" ng-click="detailMoadalOpen(events, \'large\')">                                        <div>                                            <div class="eventDetailsContainer" role="button" tabindex="0" aria-labelledby="aria-event-count-{{$index}} event-title-{{$index}} paidEvents-{{$index}} event-date-{{$index}} event-location-{{$index}} event-description-1-{{$index}}" ng-keypress="detaiModalOnkeypressed(events, \'large\')">                                                <span class="sr-only">                                                    <span id="aria-event-count-{{$index}}">Event {{$index+1}} of {{eventsData.length}}</span>                                                </span>                                                <div id="event-title-{{$index}}" class="eventTitle" ng-bind-html="events.Title"></div>                                                <div id="paidEvents-{{$index}}" class="paidEvents" ng-if="events.RegistrationFees !== null">                                                    <p aria-label="This is paid Event">PAID</p>                                                </div><br ng-if="events.RegistrationFees !== null" />                                                <div>                                                    <datetime-directive id="event-date-{{$index}}" startdate="events.StartDate" lastdate="events.EndDate" category="events.Category" utcstartdate="events.UtcStartDate"></datetime-directive>                                                    <div id="event-location-{{$index}}" class="timeZone">                                                        <span ng-if="events.City !== null && events.City.length&gt;0" ng-bind-html="events.City"></span>                                                        <span ng-if="events.City!== null && events.City.length&gt;0 && events.LocationName !== null">,</span>                                                        <span ng-if="events.LocationName !== null " ng-bind-html="events.LocationName" />                                                    </div>                                                </div>                                                <p id="event-description-1-{{$index}}" class="eventDescription" ng-if="!events.DescriptionHighlights.length" ng-bind-html="events.Description"></p>                                                <p id="event-description-2-{{$index}}" class="eventDescription" ng-if="events.DescriptionHighlights.length">                                                    <span ng-repeat="highlight in events.DescriptionHighlights" ng-bind-html="highlight"></span>                                                </p>                                            </div>                                        </div>                                        <a href="{{events.URL}}" class="registerBtnSmall" target="_blank" ng-click="$event.stopPropagation()" data-bi-id="{{events.SaaSToolName}}{{events.Category | removeSpaces}}Event>click" data-bi-name="Register Now" data-bi-type="text">                                            <span>Register Now <span class="regArrow" aria-hidden="true"></span><span class="sr-only" aria-hidden="true">for </span> <span class="sr-only" aria-hidden="true" ng-bind-html="events.Title">  </span> </span>                                        </a>                                    </div>                                </div>                                <div ng-if="events.Category !== \'In Person\'">                                    <div id="{{events.EventId}}" class="eventSection" ng-click="detailMoadalOpen(events, \'large\')">                                        <div>                                            <div class="eventDetailsContainer" role="button" tabindex="0" aria-labelledby="aria-event-count-{{$index}}  event-title-{{$index}} paidEvents-{{$index}} event-date-{{$index}} event-category-{{$index}} event-description-1-{{$index}}" ng-keypress="detaiModalOnkeypressed(events, \'large\')">                                                <span class="sr-only">                                                    <span id="aria-event-count-{{$index}}">Event {{$index+1}} of {{eventsData.length}}</span>                                                </span>                                                <div id="event-title-{{$index}}" class="eventTitle" ng-bind-html="events.Title"></div>                                                <div id="paidEvents-{{$index}}" class="paidEvents" ng-if="events.RegistrationFees !== null">                                                    <p aria-label="This Event is paid">PAID</p>                                                </div><br ng-if="events.RegistrationFees !== null" />                                                <div>                                                    <datetime-directive ng-if="events.Category !== \'On Demand\'" id="event-date-{{$index}}" startdate="events.StartDate" lastdate="events.EndDate" category="events.Category" utcstartdate="events.UtcStartDate"></datetime-directive>                                                    <div id="event-category-{{$index}}" aria-label="event category, {{events.Category}}," class="timeZone" ng-bind-html="events.Category"></div>                                                </div>                                                <p id="event-description-1-{{$index}}" class="eventDescription" ng-if="!events.DescriptionHighlights.length" ng-bind-html="events.Description"></p>                                                <p id="event-description-2-{{$index}}" class="eventDescription" ng-if="events.DescriptionHighlights.length">                                                    <span ng-repeat="highlight in events.DescriptionHighlights" ng-bind-html="highlight"></span>                                                </p>                                            </div>                                        </div>                                        <a href="{{events.URL}}" class="registerBtnSmall" target="_blank" ng-click="$event.stopPropagation()" data-bi-id="{{events.SaaSToolName}}{{events.Category | removeSpaces}}Event>click" data-bi-name="Register Now" data-bi-type="text">                                            <span>Register Now <span class="regArrow" aria-hidden="true"></span><span class="sr-only" aria-hidden="true">for </span> <span class="sr-only" aria-hidden="true" ng-bind-html="events.Title">  </span> </span>                                        </a>                                    </div>                                </div>                            </article>                        </div>                    </div>                    <div class="row">                        <div id="eventmapview" hidden>                            <div id="map-group-item" class="item {{viewtype}} col-sm-6 col-xs-6 col-md-3 portrait-width">                            </div>                        </div>                        <!-- <div>                             <br />                             <br />                         </div>-->                    </div>                    <div class="row" ng-if="eventsData.length&gt;15">                        <div class="col-md-12 text-center">                            <input type="button" value="Load next 16 events ({{data.TotalResults - eventsData.length}} remaining)" ng-if="(data.TotalResults - eventsData.length)&gt;16" ng-click="loadMore()" class="btn btn-primary center-block loadMoreBtn" />                            <input type="button" value="Load last {{(data.TotalResults - eventsData.length)}} events" ng-if="(data.TotalResults - eventsData.length)&lt;=16 && (data.TotalResults - eventsData.length)&gt;0" ng-click="loadMore()" class="btn btn-primary center-block loadMoreBtn" />                        </div>                    </div>                </main>            </div>            <div class="row noResults" ng-if="noResults">                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">                    <img ng-src="{{ErrorMessageIcon}}" alt="" />                </div>                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">                    <p>Sorry, there are currently no events for search criteria : {{consolidatedNoEventsMessage}}. Please <a href="" class="noEventsError" ng-click="noEventsClearAll()">click here to clear the search criteria</a>.</p>                </div>            </div>            <div class="row noResults" ng-if="errorMessage">                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">                    <!--<img src="/Content/static/images/httpmessage_icon.gif" alt="" />-->                    <img ng-src="{{HttpMessageIcon}}" alt="" />                </div>                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">                    <p class="noEventsError">Sorry, this service is temporarily unavailable. Please try again later.</p>                </div>            </div>        </div>    </div>    <div ng-show=FlightingSiteFeedback class="logo-panel-tab feedbackbtn">        <img role="button" tabindex="0" id="sitefeedBack" class="logobutton" ng-src="{{FeedbackIcon}}" alt="Site Feedback" ng-keydown="($event.keyCode === 13 || $event.keyCode === 32) && sitefeedBackOpen(\'medium\')" ng-click="sitefeedBackOpen(\'medium\')" data-toggle="tooltip" data-placement="left" title="Feedback" />        <img role="button" tabindex="0" id="rssfeed" class="logobutton" ng-src="{{RSSIcon}}" alt="RSS feeds" ng-keydown="($event.keyCode === 13 || $event.keyCode === 32) && rssfeedOpen(\'large\')" ng-click="rssfeedOpen(\'large\')" data-toggle="tooltip" data-placement="left" title="RSS Feed" />    </div>    <a class="backToTop" tabindex="-1" href="#" aria-label="scroll back to top of the page">        <span class="glyphicon glyphicon-circle-arrow-up"></span>    </a></div>');t.put('Content/static/html/a11yTypeAhead.html','<div tabindex="-1" ng-cloak>    <div id="{{config.a11yUid}}" class="a11y-type-ahead" aria-label="{{config.a11yAriaLabel}}">        <div id="{{config.a11yUid}}-instruction" aria-hidden="true" class="sr-only">Please type minimum {{config.searchTreshold}} letters to get the suggestion list box auto list.</div>        <div id="{{config.a11yUid}}-result" aria-live="polite" aria-relevant="text" class="sr-only"></div>        <label id="{{config.a11yUid}}-label">{{config.a11yAriaLabel}}<span aria-hidden="true">: </span></label>        <input id="{{config.a11yUid}}-edit" type="text" placeholder="City" class="form-control pull-left textBox" aria-owns="{{config.a11yUid}}-list" aria-describedby="{{config.a11yUid}}-instruction" aria-labelledby="{{config.a11yUid}}-label" ng-keydown="textBoxKeyDown($event)" ng-keyup="textBoxKeyUp($event)" ng-blur="textBoxBlur($event)" ng-focus="textBoxFocus($event)">        <ul id="{{config.a11yUid}}-list" tabindex="-1" style="display: none;" role="listbox" ng-focus="listBoxFocus($event)" ng-mousedown="listBoxClick($event)">            <li ng-repeat="suggestion in suggestions" id="{{config.a11yUid}}-item-{{$index}}" set-option-aria-label role="option"><span ng-bind-html="getHtml(suggestion)"></span></li>        </ul>        <!--added for no matches found-->        <ul id="{{config.a11yUid}}-noMatch" ng-if="searchString.length &gt; 3 && !(suggestions.length &gt; 0)" role="listbox" tabindex="-1" class="{{nomatchDisplay}}">            <li display="inline">                <!--ng-hide="suggestions!=null && searchString.length > 3 "-->                <span class="disabled">No matches found</span>            </li>        </ul>        <!---->    </div></div>');t.put('Content/static/html/siteFeedBack.html','<div class="modal-body modalContent" ng-cloak role="dialog">    <div>        <!--<h2 id="sitefeedbacktTitle" class="sr-only">Site Feedback</h2>-->        <div class="container-fluid siteFeetBackHeader">            <div class="feedbackRow" id="myModal">                <div class="col-md-3 ">                    <span class="logo">                        <img ng-src="{{MicrosoftLogoUrl}}" alt="Microsoft" />                    </span>                </div>                <div class="col-md-9 ">                    <!--Removing h1 for acccesibility purpose-->                    <h2 class="modaleventsTitle">                        <span id="FeedbackModal">Events Site Feedback</span>                    </h2>                </div>                                <div class="siteFeedBackIcon text-right">                    <button id="view" type="button" style="border:none;" ng-click="cancel()" aria-label="Events Site Feedback dialog Close" class="glyphicon glyphicon-remove remove_icon"></button>                </div>            </div>        </div>        <div class="row " ng-if="!errorMessage">            <div class="col-md-12 col-lg-12">                <div class="alert alert-danger" ng-if="!errorMessage">                    <a href="#" class="close" ng-click="closeIcon()" aria-label="Events Site Feedback dialog Close button" title="close">                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true">                        </span>                    </a>                    Something Went wrong, please submit again                </div>            </div>        </div>         <div class="row" ng-if="submitBtn">            <form class="modalForm" id="siteFeedbackForm" ng-submit="siteFeedBackSubmit()">                <div class="col-md-12 ">                    <div class="form-group">                        <label>                            <span class="mandatory" aria-hidden="true">*</span>                            <span id="feedBackEvents" tabindex="1">Which category would you like to give website feedback for? </span>                            <select aria-required="true" aria-labelledby="feedBackEvents" ng-model="CategoryValue"                                    ng-change="categoryChange(CategoryValue)" class="form-control" id="modalSelectBox" disabled required>                                <option ng-repeat="item in categoryList track by $index" id="{{item.CategoryDescription}}" aria-posinset={{$index+1}} aria-setsize="{{categoryList.length}}">{{item.CategoryDescription}}</option>                            </select>                        </label>                    </div>                </div>                <div class="col-md-12 ">                    <p class="checkBoxText">                        <span class="mandatory" aria-hidden="true">*</span>                        <span id="lblRateYourLevel">Rate your level of satisfaction with this web page today</span>:                    </p>                    <div class="row radioBox" role="radiogroup">                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoVerySatisfied" id="lblVerySatisfied" aria-hidden="true">                                    <span>Very Satisfied</span>                                </label>                                <input role="radio"  aria-required="true" name="1" type="radio" ng-model="siteFeedBackObj.Rating" value="Very Satisfied" aria-label="Rate your level of satisfaction with this web page today Very Satisfied" id="rdoVerySatisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio ">                                <label for="rdoSomeWhatSatisfied" id="lblSomeWhatSatisfied" aria-hidden="true">                                    <span>Somewhat Satisfied</span>                                </label>                                <input role="radio"  aria-required="true" name="1" id="rdoSomeWhatSatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Somewhat Satisfied" aria-label="Rate your level of satisfaction with this web page today Somewhat satisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoSomeWhatDissatisfied" id="lblSomeWhatDissatisfied" aria-hidden="true">                                    <span>Somewhat Dissatisfied</span>                                </label>                                <input role="radio"  aria-required="true" name="1" id="rdoSomeWhatDissatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Dissatisfied" aria-label="Rate your level of satisfaction with this web page today Dissatisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoVeryDissatisfied" id="lblVeryDissatisfied" aria-hidden="true">                                    <span>Very Dissatisfied</span>                                </label>                                <input role="radio"   aria-required="true" name="1" id="rdoVeryDissatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Very Dissatisfied" aria-label="Rate your level of satisfaction with this web page today very Dissatisfied" required>                            </div>                        </div>                    </div>                </div>                <div class="col-md-12 ">                    <div class="form-group">                        <label>                            <span> Comments: </span>                            <textarea maxlength="500" class="form-control" aria-label="Enter your comments" ng-model="siteFeedBackObj.Comments"></textarea>                        </label>                    </div>                </div>                <div class="col-md-12 col-lg-12" ng-if="submitBtn">                    <button type="submit" tabindex="0" aria-label="submit feedback" class="btn btn-primary btn-block registerBtn submit">                        <span aria-hidden="true">submit</span>                    </button>                </div>            </form>        </div>        <div ng-if="!submitBtn">             <div class="row">                <div role="alertdialog" class="alert alert-success" aria-hidden="true">                    Thanks for the feedback                </div>                <div role="alertdialog" aria-label="Thank you for the feedback web dialog Events Site Feedback"></div>            </div>        </div>    </div></div>');}]);