;(function(){

'use strict';

angular.module('apeTemplates', []).run(['$templateCache', function($templateCache) {

  $templateCache.put('action-items.html', '<div class="action-items">\n  <div class="action-icons">\n    <div class="icon-row">\n      <a class="ic icon-view action-icon" href="{{playerPreviewUrl}}" target="_blank" ng-click="sendEvent({event: \'wordpress_view_interaction_clicked\', properties: { interactionId: interaction.interactionId, channelId: interaction.publisherId, channelToken: \'\' } })">\n        <span class="action-title">View</span>\n      </a>\n      <a class="ic icon-embed action-icon" ng-click="embedInteraction(interaction)">\n        <span class="action-title">Embed</span>\n      </a>\n      <!--<a class="ic icon-results action-icon" ng-click="insertResultsShortCode(interaction.interactionId)">-->\n        <!--<span class="action-title">Embed Results</span>-->\n      <!--</a>-->\n      <a class="ic icon-duplicate action-icon" href="{{duplicatInteractionUrl}}" target="_blank" ng-click="sendEvent({event: \'wordpress_duplicate_interaction_clicked\', properties: { interactionId: interaction.interactionId, channelId: interaction.publisherId, channelToken: \'\' } })">\n        <span class="action-title">Duplicate</span>\n      </a>\n    </div>\n  </div>\n</div>\n');

  $templateCache.put('ape-navbar.html', '<header class="ape-navbar navbar navbar-default navbar-fixed-top">\n  <div class="container">\n    <div class="row">\n      <div class="col-xs-12 col-sm-12">\n        <channel-selector></channel-selector>\n        <ape-playlist-status></ape-playlist-status>\n        <div class="ape-filters">\n          <ape-data-filter></ape-data-filter>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>');

  $templateCache.put('apester-modal.html', '<div class="apester-modal-overlay" ng-class="{active: isOpen}">\n  <div class="apester-modal-window">\n    <dashboard></dashboard>\n  </div>\n</div>');

  $templateCache.put('channel-selector.html', '<div class="channel-filter-container" ng-if="tokensWithPlaylist">\n  <i class="ic icon-random" ng-if="tokensWithPlaylist.length >= 1"></i>\n\n  <button ng-if="tokensWithPlaylist.length === 1" class="btn-embed-random" ng-click="embedRandomMedia()">{{::placeholder}}</button>\n\n  <ui-select ng-if="tokensWithPlaylist.length > 1" class="ape-filter ape-select-arrow channel-filter" ng-model="randomListToken" ng-change="embedSelectedRandomMedia($select.selected.token, $select)" search-enabled="false" theme="bootstrap">\n    <ui-select-match placeholder="{{::placeholder}}">{{$select.selected.name}}</ui-select-match>\n    <ui-select-choices repeat="tokenData in tokensWithPlaylist" >{{::tokenData.name}}</ui-select-choices>\n  </ui-select>\n\n  <div class="tooltip-wrapper" ng-if="tokensWithPlaylist.length >= 1">\n    <i class="ic icon-info">i</i>\n    <div class="tooltip top">\n      Click here to add a unit to your shuffle playlist\n    </div>\n  </div>\n</div>');

  $templateCache.put('dashboard.html', '<div class="dashboard">\n  <ape-header></ape-header>\n  <ape-navbar></ape-navbar>\n  <div class="dashboard-section">\n    <div class="container">\n      <div class="row">\n        <div class="post col-xs-12 col-sm-5 col-md-5" ng-repeat="interaction in interactions | filter: interactionFilter | filterInteractionTitle: interactionSearchFilter | orderBy: interactionSortMethod : true" ng-cloak>\n\n          <interaction-box></interaction-box>\n          <interaction-stats></interaction-stats>\n\n        </div>\n      </div>\n      <div class="row" ng-show="isNoToken">\n        <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">\n          <div class="interaction-empty">\n            <img class="no-token-img" src="{{ pluginPath }}/public/img/banana@2x.png" alt="">\n            <h3>OOPS...</h3>\n            <p>It seems you don\'t have a channel token!\n              <br>\n              Go into your\n              <a href="options-general.php?page=qmerce-settings-admin" class="apester-link">\n                <i class="ic icon-settings"></i> Apester Settings\n              </a>\n              settings and set one up.</p>\n          </div>\n        </div>\n      </div>\n      <div class="row" ng-show="isError">\n        <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">\n          <div class="interaction-empty">\n            <p>Oops... there seems to be a problem getting your data, Please try again later after a page refresh. If the problem persists, contact us.</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    </section>\n  </div>\n</div>');

  $templateCache.put('dataFilters.html', '\n<div class="filters-container">\n  <ui-select class="ape-filter ape-select-arrow interaction-type-filter" ng-model="interactionsLayout" ng-change="changeEngineFilter($select.selected.layout)" search-enabled="false" theme="bootstrap">\n    <ui-select-match placeholder="{{$select.selected.name}}">{{$select.selected.name}}</ui-select-match>\n    <ui-select-choices repeat="engineFilter in interactionFilters" ><i ng-class="engineFilter.classes"></i>{{engineFilter.name}}</ui-select-choices>\n  </ui-select>\n\n  <ui-select class="ape-filter ape-select-arrow sort-by-filter" ng-change="changeSortFilter($select.selected.sortMethod)" ng-disabled="isSortByDisabled" ng-model="sortOption" search-enabled="false" theme="bootstrap">\n    <ui-select-match placeholder="{{$select.selected.label}}">{{$select.selected.label}}</ui-select-match>\n    <ui-select-choices repeat="sortOption in sortOptions"><span>{{sortOption.label}}</span></ui-select-choices>\n  </ui-select>\n\n  <div class="ape-counter">\n    {{interactionsCount}}\n    <!--<div class="counter-tooltip">-->\n      <!--<p>Total : {{toolTipCount | number}}</p>-->\n    <!--</div>-->\n  </div>\n</div>\n\n\n\n\n');

  $templateCache.put('header.html', '<header class="ape-header navbar navbar-default navbar-fixed-top" ng-mouseleave="openMenu=false">\n  <div class="container">\n    <button class="close" ng-click="closeModal()">\n      <i class="ic icon-cross"></i>\n    </button>\n    <a href="//app.apester.com/dashboard" target="_blank" class="logo" ng-click="sendEvent({event: \'wordpress_apester_logo_clicked\'})"></a>\n    <a href="//app.apester.com/dashboard" target="_blank" class="create" ng-click="sendEvent({event: \'wordpress_create_new_clicked\'})">\n      <i class="ic icon-plus"></i>\n      <span>Create New</span>\n    </a>\n    <search-box></search-box>\n  </div>\n</header>\n');

  $templateCache.put('interactionBox.html', '<div class="interaction-data">\n  <ape-background interaction-size="interaction.data.size" size="\'dashboard\'" data="background"></ape-background>\n  <ape-action-items></ape-action-items>\n  <i class="engine ic {{::interaction.iconClass}} {{::interaction.engine}}"></i>\n  <h1 ng-bind-html="boxTitle"></h1>\n  <div class="tags-container">\n    <span ng-repeat="tag in ::interaction.tags track by $index | limitTo:6">#{{tag}}</span>\n  </div>\n  <div class="user-data">\n    <span class="date">{{::interaction.created | date: \'dd MMM yyyy, HH:mm\'}}</span>\n    <span class="by"> by </span>\n    <span class="display" ng-bind="::interaction.creator.displayName"></span>\n    <span ng-show="interaction.publisher">\n      <span class="via"> via </span>\n      <span class="publisher-name" ng-bind="::interaction.publisher.name"></span>\n    </span>\n  </div>\n</div>\n');

  $templateCache.put('interactionStats.html', '<div class="stats-container">\n    <div class="col-xs-3 no-padding">\n        <h2>Views</h2>\n        <h3 ng-bind="statistics[interaction.interactionId].viewsReadable"></h3>\n    </div>\n    <div class="col-xs-3 no-padding">\n        <h2><span>ctr</span> <span>(%)</span></h2>\n        <h3 ng-bind="statistics[interaction.interactionId].ctr"></h3>\n    </div>\n    <div class="col-xs-3 no-padding">\n        <h2>circulation</h2>\n        <h3 ng-bind="statistics[interaction.interactionId].circulationReadable"></h3>\n    </div>\n    <div class="col-xs-3 no-padding">\n        <h2>social</h2>\n        <h3 ng-bind="statistics[interaction.interactionId].socialReadable"></h3>\n    </div>\n</div>');

  $templateCache.put('playlist-status.html', '<div class="playlist-status">\n  <div ng-if="tokensWithPlaylist.length >= 1">\n    <div class="toggle-switch-button settings">\n      <input id="includeInPlaylist" type="checkbox" class="tgl tgl-light" ng-model="isIncludePlaylist" ng-checked="isIncludePlaylist" ng-change="togglePlaylistStatus()">\n      <label for="includeInPlaylist" class="tgl-btn"></label>\n      <label for="includeInPlaylist" class="toggle-text">Playlist on page</label>\n    </div>\n    <div class="tooltip-wrapper">\n      <i class="ic icon-info">i</i>\n      <div class="tooltip top">\n        Include or exclude your Apester playlist from specific pages\n      </div>\n    </div>\n  </div>\n</div>');

  $templateCache.put('search.html', '<div class="search-filter">\n	<input ng-focus="focus=true" ng-blur="focus=false" type="text" ng-model="interactionSearchFilter" ng-change="clearSearchIfEmpty()" ng-keypress="searchInteractions($event)">\n	<i class="ic icon-search" ng-mousedown="focusOrsearchInteractions($event)" title="Search"></i>\n</div>');

}]);

})();