<iframe></noscript> <div class="loading-message loading-message--apploading" ng-if="!appLoaded"> <img ng-src="{{ config.css.loadingGif }}" ng-cloak /> </div> <div class="app-container" ng-show="appLoaded" ng-cloak> <app-header ng-if="showNewHeader" [logo]="config.css.logo" [user-permissions]="userPermissions" [config]="config" [custom-links]="config.custom_links"></app-header> <header ng-controller="HeaderController as vm" ng-cloak ng-if="!showNewHeader"> <p class="betabar" ng-show="vm.betaSite" ng-cloak> <a href="{{ vm.betaLink }}">You are currently viewing a beta version of the portal, click here to view the live version</a> </p> <div class="l-header" ng-if="!loginPage"> <div class="panel"> <img ui-sref="app" ng-src="{{ config.css.logo }}" alt="" class="logo" /> <nav class="l-nav" ng-if="!shareHeader && isAuthenticated" ng-cloak> <a ui-sref="app" class="nav__link" title="Themes" ng-class="{ 'nav__link--active' : vm.activeNavLink === 'projects'}">Projects</a> <a href="/portal/lists/" class="nav__link" title="Lists" ng-class="{ 'nav__link--active' : vm.activeNavLink === 'lists'}">Lists</a> <a ui-sref="advancedSearch" class="nav__link" title="Advanced Search" ng-if="vm.showAdvancedSearch" ng-class="{ 'nav__link--active' : vm.activeNavLink === 'advancedSearch'}">Advanced Search</a> <a href="{{customLink.link}}" class="nav__link" title="{{ customLink.label }}" ng-repeat="customLink in config.custom_links">{{customLink.label}}</a> </nav> <span class="user-account" ng-if="!shareHeader && isAuthenticated" ng-cloak>{{ vm.currentAccount.company_name }}</span> <nav class="adminnav" ng-if="!shareHeader && isAuthenticated" ng-cloak> <a href="" class="adminnav__control" ng-click="vm.adminNavToggle()"> <i class="icon-arrow-down-min"></i> </a> <div class="adminnav__dropdown" ng-show="vm.adminMenuVisible" ng-cloak> <a ng-if="userPermissions.multipleAccounts" ui-sref="accounts" ng-click="vm.adminNavToggle();" class="adminnav__link">Switch Accounts</a> <span class="adminnav__seperator"></span> <a ng-if="userPermissions.isAdmin" href="/portal/admin" ng-click="vm.adminNavToggle()" class="adminnav__link">Admin Panel</a> <a ng-if="userPermissions.isAdmin" href="/management/login" ng-click="vm.adminNavToggle();" class="adminnav__link">Management</a> <a ng-if="userPermissions.isAdmin" ui-sref="full-uploader" ng-click="vm.adminNavToggle();" class="adminnav__link">Uploader</a> <a ng-if="userPermissions.isAdmin" href="https://voxpopme.atlassian.net/servicedesk" target="_blank" class="adminnav__link">Service Desk</a> <a ng-if="userPermissions.isCompanyAdmin" href="/portal/manage-users" ng-click="vm.adminNavToggle();" class="adminnav__link">Manage Users</a> <span class="adminnav__seperator"></span> <a ng-if="userPermissions.isCompanyAdmin" ui-sref="createCampaign" ng-click="vm.adminNavToggle();" class="adminnav__link">Create Project</a> <a ng-if="userPermissions.isAdmin" ui-sref="approveCampaigns" ng-click="vm.adminNavToggle();" class="adminnav__link">Approve Projects</a> <a ui-sref="fileDownloads" ng-click="vm.adminNavToggle();" class="adminnav__link">Downloads</a> <a ui-sref="imports" ng-click="vm.adminNavToggle();" class="adminnav__link">Imports </a> <span class="adminnav__seperator"></span> <a href="#" class="adminnav__link">Portal User Guide</a> <a href="#" class="adminnav__link">Theme Explorer User Guide</a> <a href="#" class="adminnav__link">Lists User Guide</a> <span class="adminnav__seperator" ng-hide="config.custom_links"></span> <a href="#" ui-sref="logout" class="adminnav__link" ng-hide="config.custom_links">Logout</a> </div> </nav> </div> </div> <a ng-click="vm.scrollToTop();" class="btn btn--foxtrot btn--backtotop"> <i class="nav__icon icon-BacktoTop"></i> </a> </header> <div ui-view></div> <app-toaster-wrapper></app-toaster-wrapper> <toaster-container></toaster-container> <app-loading-bar-wrapper></app-loading-bar-wrapper> <div id="popover-menu" class="popover-menu" style="position: absolute; display: none;" ng-controller="SelectMenuController as vm"> <span class="popover-menu--save" style="display: none;" ng-class="{'popover-menu--disabled' : vm.saveDisabled['responseId'+vm.listItemId]}" ng-click="vm.saveUtteranceChange()">Update</span> <span class="popover-menu--add" ng-show="vm.showAddToLastList()" ng-click="vm.addToLastList()">Add to last list</span> <span class="popover-menu--add" ng-click="vm.openAddToListModal()">Add to list</span> <span class="popover-menu--preview" ng-click="vm.previewSnippet()">Preview</span> <span class="popover-menu--create-new" ng-click="vm.openAddToListModal()">Create new</span> <span class="popover-menu--subtitle" style="display: none;" ng-click="vm.addToSubtitle()">Add to subtitles</span> <span class="popover-menu--preview" ng-click="vm.copyToClipboard()">Copy</span> <span class="popover-menu--no-timecodes" style="display: none;">Timecodes unavailable</span> <span class="popover-menu--unapproved-transcript" style="display: none;">Transcript awaiting approval</span> <i class="popover-menu__arrow"></i> </div> </div> <script src="https://browser.sentry-cdn.com/4.6.1/bundle.min.js" crossorigin="anonymous"></script> <script src="https://cdn.ravenjs.com/3.24.2/angular/raven.min.js" crossorigin="anonymous"></script> <script> if (window.location.hostname !== "dev.voxpopme.com" && window.location.hostname !== "sandbox.voxpopme.com" && window.location.hostname !== "qa.voxpopme.com") { Raven.config( 'https://994292f84a934edeab87f4e0539b80a6@sentry.io/41307', { ignoreErrors: [ 'Object doesn\'t support property or method \'slice\'', 'Cannot convert undefined or null to object', 'The play() request was interrupted by a new load request.', '"width": "640"', 'TypeError: Cannot convert undefined or null to object', 'TypeError: Cannot read property \'listeners\' of undefined' ] } ).install(); } </script> <script> window.initLogRocket = function () { if (window.location.hostname !== "dev.voxpopme.com" && window.location.hostname !== "sandbox.voxpopme.com" && window.location.hostname !== "qa.voxpopme.com") { window.LogRocket && window.LogRocket.init('wpxnel/voxpopme'); } } </script> <script src="https://cdn.logrocket.io/LogRocket.min.js" crossorigin="anonymous" async onload="window.initLogRocket()"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/2.0.6/wavesurfer.min.js"></script> <script src="https://sdk.amazonaws.com/js/aws-sdk-2.7.10.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.4.3/tinymce.min.js"></script> <script src="/ng-platform/dist/js/vendor-87a2c27f.js"></script> <script src="/ng-platform/dist/js/app-16d31bdd.js"></script> <script src="/ng-platform/dist/js/templates-fc1d37ad.js"></script> <script src="/ng-platform/dist/js/vendor-additional-00c74fa7.js"></script> <script type="text/javascript" src="/ng-platform/vpm-dist/runtime.aa75b46704a895ba09d9.js"></script><script type="text/javascript" src="/ng-platform/vpm-dist/polyfills.f6f91a9c12a7aef28f31.js"></script><script type="text/javascript" src="/ng-platform/vpm-dist/main.e9c525461a247f385662.js"></script></body> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCN2Uw9e-aPylHtIgXIKJRRau8AZyIB-Xk&libraries=places"></script>