Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- ngView: --><div ng-view="" class="ng-scope"><!-- ngIf: main.dataLoaded --><div ng-if="main.dataLoaded" class="ng-scope"> <!-- ngIf: !main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard --><section class="plan-information ng-scope" ng-if="main.viewSwitch.dashboard"> <div class="section-container plan-content-wrapper"> <!-- ngIf: $root.FLS.accountPlan.planTacticProgress || $root.FLS.accountPlan.percentCompleted --><div class="semi-donut-section ng-scope" ng-if="$root.FLS.accountPlan.planTacticProgress || $root.FLS.accountPlan.percentCompleted"> <!-- ngIf: $root.FLS.accountPlan.planTacticProgress --> <!-- ngIf: !$root.FLS.accountPlan.planTacticProgress && $root.FLS.accountPlan.percentCompleted --><canvas ng-style="main.getDoughnutStyle()" ng-if="!$root.FLS.accountPlan.planTacticProgress && $root.FLS.accountPlan.percentCompleted" color1="#ff9e16" color2="#e65100" data1="main.accountPlan.list[0].percentCompleted" data2="main.HUNDRED_PERCENT" second-row-text="Complete" semi-circle="true" class="ng-scope ng-isolate-scope" width="600" height="600" style="display: inline-block; height: 140px; width: 140px;"></canvas><!-- end ngIf: !$root.FLS.accountPlan.planTacticProgress && $root.FLS.accountPlan.percentCompleted --> </div><!-- end ngIf: $root.FLS.accountPlan.planTacticProgress || $root.FLS.accountPlan.percentCompleted --> <div class="chart-row"> <div class="status-section"> <!-- ngIf: main.accountPlan.list[0].health && main.accountPlan.list[0].health.value !== '' --> <div class="inline-block-div"> <div class="status-icon complete-icon" ng-class="{'complete-icon': main.accountPlan.list[0].isActive, 'inactive-icon': !main.accountPlan.list[0].isActive}"> </div> <div class="status-label ng-binding active-plan" ng-class="{'active-plan': main.accountPlan.list[0].isActive, 'inactive-plan': !main.accountPlan.list[0].isActive}"> Active </div> </div> <div class="inline-block-div"> <div class="status-icon svg-icon-shim pending-icon" ng-class="{'complete-icon': main.planStatus.approved, 'reject-icon': main.planStatus.rejected, 'pending-icon': main.planStatus.inProgress}"> </div> <div class="status-label ng-binding neutral-status" ng-class="{'active-plan': main.planStatus.approved, 'reject-status': main.planStatus.rejected, 'neutral-status': main.planStatus.inProgress}"> In Progress </div> </div> </div> <div class="detail-section"> <!-- ngIf: main.isAccountNameVisible --><div class="plan-title ng-binding ng-scope title-only" ng-if="main.isAccountNameVisible" ng-class="{'title-only': !main.accountPlan.list[0].description}"> AAKRA JARDEZ, ANNE SOPHIE </div><!-- end ngIf: main.isAccountNameVisible --> <div class="plan-description ng-binding"></div> </div> </div> </div> </section><!-- end ngIf: main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard --><div class="chart-widget-section ng-scope" ng-if="main.viewSwitch.dashboard"> <div class="progress-widget"> <div class="progress-title"> <!-- ngIf: !main.layout.oneWidget --><div class="table-title inline-block-div ng-binding ng-scope" ng-if="!main.layout.oneWidget"> Progress </div><!-- end ngIf: !main.layout.oneWidget --> <!-- ngIf: main.layout.oneWidget --> <!-- ngIf: main.layout.oneWidget --> <!-- ngIf: !main.layout.oneWidget --><div ng-if="!main.layout.oneWidget" class="expand-link inline-block-div ng-binding ng-scope" ng-click="main.viewAll($event)"> View All <span class="right-arrow-icon fa fa-angle-right"></span> </div><!-- end ngIf: !main.layout.oneWidget --> <!-- ngIf: main.layout.oneWidget --> </div> <div class="progress-body"> <!-- ngIf: $root.FLS.planTactic.objectItself --><div class="chart-column ng-scope ng-isolate-scope" ng-class="{'no-padding-top': layout.oneWidget}" ng-click="viewAll($event)" ng-if="$root.FLS.planTactic.objectItself" change-report-title="main.changeReportTitle" chart-type="planTactic" completed-count="0" end-color="#008fd2" get-doughnut-style="main.getDoughnutStyle" layout="main.layout" start-color="#5ac8fa" title="main.planTactics.objectName" total-count="8" view-switch="main.viewSwitch"> <!-- ngIf: !layout.oneWidget --><div class="chart-title-row ng-scope" ng-if="!layout.oneWidget"> <div class="chart-title ng-binding">Plan Tactics</div> <div class="list-count"> <span class="total-text ng-binding">total:</span> <span class="count-number ng-binding">8</span> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: !layout.oneWidget --><div class="section-body inline-block-container widget-info-section ng-scope" ng-if="!layout.oneWidget" ng-class="{'two-widget-layout': layout.twoWidget && $root.FLS.callObjective.objectItself, 'two-widget-layout-whole-row': !$root.FLS.callObjective.objectItself}"> <div class="chart-section"> <canvas ng-style="getDoughnutStyle()()" color1="#5ac8fa" color2="#008fd2" data1="completedCount" data2="totalCount" second-row-text="Complete" semi-circle="false" class="ng-isolate-scope" width="600" height="600" style="display: inline-block; height: 140px; width: 140px;"></canvas> </div> <div class="info-section"> <div class="complete-info"> <div class="summarize-digit ng-binding plan-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 0 </div> <div class="chart-label-large ng-binding">Complete</div> </div> <div class="incomplete-info"> <div class="summarize-digit ng-binding plan-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 8 </div> <div class="chart-label-large ng-binding">Incomplete</div> </div> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: layout.oneWidget --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --> <div class="chart-column ng-isolate-scope" ng-class="{'no-padding-top': layout.oneWidget}" ng-click="viewAll($event)" change-report-title="main.changeReportTitle" chart-type="accountTactic" completed-count="0" end-color="#007a7f" get-doughnut-style="main.getDoughnutStyle" layout="main.layout" start-color="#38cdb8" title="main.accountTactics.objectName" total-count="11" view-switch="main.viewSwitch"> <!-- ngIf: !layout.oneWidget --><div class="chart-title-row ng-scope" ng-if="!layout.oneWidget"> <div class="chart-title ng-binding">Account Management Actions</div> <div class="list-count"> <span class="total-text ng-binding">total:</span> <span class="count-number ng-binding">11</span> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: !layout.oneWidget --><div class="section-body inline-block-container widget-info-section ng-scope" ng-if="!layout.oneWidget" ng-class="{'two-widget-layout': layout.twoWidget && $root.FLS.callObjective.objectItself, 'two-widget-layout-whole-row': !$root.FLS.callObjective.objectItself}"> <div class="chart-section"> <canvas ng-style="getDoughnutStyle()()" color1="#38cdb8" color2="#007a7f" data1="completedCount" data2="totalCount" second-row-text="Complete" semi-circle="false" class="ng-isolate-scope" width="600" height="600" style="display: inline-block; height: 140px; width: 140px;"></canvas> </div> <div class="info-section"> <div class="complete-info"> <div class="summarize-digit ng-binding account-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 0 </div> <div class="chart-label-large ng-binding">Complete</div> </div> <div class="incomplete-info"> <div class="summarize-digit ng-binding account-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 11 </div> <div class="chart-label-large ng-binding">Incomplete</div> </div> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: layout.oneWidget --> </div> <!-- ngIf: $root.FLS.callObjective.objectItself --><div class="chart-column ng-scope ng-isolate-scope" ng-class="{'no-padding-top': layout.oneWidget}" ng-click="viewAll($event)" ng-if="$root.FLS.callObjective.objectItself" change-report-title="main.changeReportTitle" chart-type="callObjective" completed-count="0" end-color="#8b123a" get-doughnut-style="main.getDoughnutStyle" layout="main.layout" start-color="#ff5575" title="main.callObjectives.objectName" total-count="18" view-switch="main.viewSwitch"> <!-- ngIf: !layout.oneWidget --><div class="chart-title-row ng-scope" ng-if="!layout.oneWidget"> <div class="chart-title ng-binding">Account Tasks</div> <div class="list-count"> <span class="total-text ng-binding">total:</span> <span class="count-number ng-binding">18</span> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: !layout.oneWidget --><div class="section-body inline-block-container widget-info-section ng-scope" ng-if="!layout.oneWidget" ng-class="{'two-widget-layout': layout.twoWidget && $root.FLS.callObjective.objectItself, 'two-widget-layout-whole-row': !$root.FLS.callObjective.objectItself}"> <div class="chart-section"> <canvas ng-style="getDoughnutStyle()()" color1="#ff5575" color2="#8b123a" data1="completedCount" data2="totalCount" second-row-text="Complete" semi-circle="false" class="ng-isolate-scope" width="600" height="600" style="display: inline-block; height: 140px; width: 140px;"></canvas> </div> <div class="info-section"> <div class="complete-info"> <div class="summarize-digit ng-binding call-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 0 </div> <div class="chart-label-large ng-binding">Complete</div> </div> <div class="incomplete-info"> <div class="summarize-digit ng-binding call-digit" ng-class="{'plan-digit': textColor.planTactic, 'account-digit': textColor.accountTactic, 'call-digit': textColor.callObjective}"> 18 </div> <div class="chart-label-large ng-binding">Incomplete</div> </div> </div> </div><!-- end ngIf: !layout.oneWidget --> <!-- ngIf: layout.oneWidget --> </div><!-- end ngIf: $root.FLS.callObjective.objectItself --> </div> </div> <!-- ngIf: $root.FLS.callObjective.objectItself --><div class="section-container upcoming-card ng-scope ng-isolate-scope" ng-if="$root.FLS.callObjective.objectItself" call-objectives="main.upcomingObjectives" change-report-title="main.changeReportTitle" threshhold-days="main.veevaSettings.list[0].threshholdDays" view-switch="main.viewSwitch"> <div class="section-title"> <div class="table-title inline-block-div ng-binding">Upcoming</div> <div class="list-count inline-block-div"> <span class="count-number"> (<span class="count-number-text ng-binding">18</span>) </span> </div> <div class="expand-link inline-block-div ng-binding" ng-click="viewAllUpcomingObjectives($event)"> View All <span class="right-arrow-icon fa fa-angle-right"></span> </div> </div> <div class="section-body"> <div class="report-table table"> <div class="title row table-header-row header-container"> <div class="cell first-column ng-binding">ACCOUNT TASKS</div> <div class="cell ng-binding">DUE</div> </div> <!-- ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --><div class="body row ng-scope" ng-repeat="objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell first-column ng-binding">Test Action Veeva</div> <div class="cell ng-binding" ng-class="{'overdue-text': objective.overDueDays > 0, 'due-text': objective.overDueDays === 0}"> </div> </div><!-- end ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --><div class="body row ng-scope odd-row" ng-repeat="objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell first-column ng-binding">Test iRep</div> <div class="cell ng-binding" ng-class="{'overdue-text': objective.overDueDays > 0, 'due-text': objective.overDueDays === 0}"> </div> </div><!-- end ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --><div class="body row ng-scope" ng-repeat="objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell first-column ng-binding">Test med event iRep</div> <div class="cell ng-binding" ng-class="{'overdue-text': objective.overDueDays > 0, 'due-text': objective.overDueDays === 0}"> </div> </div><!-- end ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --><div class="body row ng-scope odd-row" ng-repeat="objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell first-column ng-binding">account task 1</div> <div class="cell ng-binding" ng-class="{'overdue-text': objective.overDueDays > 0, 'due-text': objective.overDueDays === 0}"> </div> </div><!-- end ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --><div class="body row ng-scope" ng-repeat="objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell first-column ng-binding">account task organize</div> <div class="cell ng-binding" ng-class="{'overdue-text': objective.overDueDays > 0, 'due-text': objective.overDueDays === 0}"> </div> </div><!-- end ngRepeat: objective in callObjectives.upcomings | orderBy: '-overDueDays' | limitTo: itemLimit --> </div> </div> </div><!-- end ngIf: $root.FLS.callObjective.objectItself --> </div><!-- end ngIf: main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard && main.isSalesDataAvailable --><div class="sales-widget-section ng-scope" ng-if="main.viewSwitch.dashboard && main.isSalesDataAvailable"> <div class="sales-widget ng-isolate-scope" selected-options="main.salesChartOptions"> <!-- Metadata Filter --> <div class="widget-title"> <div class="table-title inline-block-div ng-binding"> Product Sales Trends </div> <div class="meta-content ng-binding"></div> </div> <div class="sales-filter-row"> <div class="content-filter inline-block"> <div class="filter-1"> <select ng-options="option.name for option in dash.marketOptions | orderBy: 'name'" ng-model="dash.selectedMarket" ng-change="dash.metadataFilterOnChange()" class="ng-pristine ng-untouched ng-valid ng-empty"><option value="?" selected="selected"></option></select> <span class="icon fa fa-angle-down"></span> </div> <div class="filter-2"> <select ng-options="option.name for option in dash.scaleOptions | orderBy: 'name'" ng-model="dash.selectedScale" ng-change="dash.initializePeriodFilter(); dash.metadataFilterOnChange()" class="ng-pristine ng-untouched ng-valid ng-empty"><option value="?" selected="selected"></option></select> <span class="icon fa fa-angle-down"></span> </div> <div class="filter-3"> <select ng-options="option.name for option in dash.periodOptions | naturalSort" ng-model="dash.selectedPeriod" ng-change="dash.periodFilterOnChange()" class="ng-pristine ng-untouched ng-valid ng-empty"><option value="?" selected="selected"></option></select> <span class="icon fa fa-angle-down"></span> </div> <div class="filter-4"> <select ng-options="option.name for option in dash.dataTypeOptions | orderBy: 'name'" ng-model="dash.selectedDataType" ng-change="dash.metadataFilterOnChange()" class="ng-pristine ng-untouched ng-valid ng-empty"><option value="?" selected="selected"></option></select> <span class="icon fa fa-angle-down"></span> </div> </div> </div> <!-- ngIf: dash.salesDataReady --> </div> </div><!-- end ngIf: main.viewSwitch.dashboard && main.isSalesDataAvailable --> <!-- ngIf: main.viewSwitch.dashboard --><section class="table-section ng-scope" ng-if="main.viewSwitch.dashboard"> <div class="table structure-table"> <div class="cell half section-container ng-isolate-scope" change-report-title="main.changeReportTitle" key-stake-holders="main.keyStakeHolders" view-switch="main.viewSwitch"> <div class="section-title"> <div class="table-title inline-block-div ng-binding">Key Stakeholders</div> <div class="list-count inline-block-div"> <span class="count-number">(<span class="count-number-text ng-binding">1</span>)</span> </div> <div class="expand-link inline-block-div ng-binding" ng-click="viewAllKeyStakeHolders($event)"> View All <span class="right-arrow-icon fa fa-angle-right"></span> </div> </div> <div class="section-body"> <div class="report-table table"> <div class="title row table-header-row header-container"> <div class="cell ng-binding">NAME</div> <div class="cell ng-binding">ROLE</div> <div class="cell ng-binding">OWNER</div> </div> <!-- ngRepeat: keyStakeHolder in keyStakeHolders.list | limitTo: itemLimit --><div class="body row ng-scope" ng-repeat="keyStakeHolder in keyStakeHolders.list | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell ng-binding">3C</div> <div class="cell ng-binding">Influencer</div> <div class="cell ng-binding"></div> </div><!-- end ngRepeat: keyStakeHolder in keyStakeHolders.list | limitTo: itemLimit --> <!-- ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && !isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && !isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && !isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --> <!-- ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><div class="body row ng-scope odd-row" ng-if="keyStakeHolders.list.length < itemLimit && isOddLength" ng-repeat="filler in keyStakeHolders.placeHolderList" ng-class="{'odd-row': $even}"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div><!-- end ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><div class="body row ng-scope" ng-if="keyStakeHolders.list.length < itemLimit && isOddLength" ng-repeat="filler in keyStakeHolders.placeHolderList" ng-class="{'odd-row': $even}"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div><!-- end ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --><!-- ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><div class="body row ng-scope odd-row" ng-if="keyStakeHolders.list.length < itemLimit && isOddLength" ng-repeat="filler in keyStakeHolders.placeHolderList" ng-class="{'odd-row': $even}"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div><!-- end ngIf: keyStakeHolders.list.length < itemLimit && isOddLength --><!-- end ngRepeat: filler in keyStakeHolders.placeHolderList --> </div> </div> </div> <div class="cell half section-container ng-isolate-scope" change-report-title="main.changeReportTitle" team-members="main.teamMembers" view-switch="main.viewSwitch"> <div class="section-title"> <div class="table-title inline-block-div ng-binding">Account Team Members</div> <div class="list-count inline-block-div"> <span class="count-number">(<span class="count-number-text ng-binding">2</span>)</span> </div> <div class="expand-link inline-block-div ng-binding" ng-click="viewAllTeamMembers($event)"> View All <span class="right-arrow-icon fa fa-angle-right"></span> </div> </div> <div class="section-body"> <div class="report-table table"> <div class="title row table-header-row header-container"> <div class="cell half ng-binding">NAME</div> <div class="cell half ng-binding">ROLE</div> </div> <!-- ngRepeat: teamMember in teamMembers.list | limitTo: itemLimit --><div class="body row ng-scope" ng-repeat="teamMember in teamMembers.list | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell half ng-binding">Philippe DESAUNAY</div> <div class="cell half ng-binding">Key Account Manager</div> </div><!-- end ngRepeat: teamMember in teamMembers.list | limitTo: itemLimit --><div class="body row ng-scope odd-row" ng-repeat="teamMember in teamMembers.list | limitTo: itemLimit" ng-class="{'odd-row': $odd}"> <div class="cell half ng-binding">Virginie Mazot</div> <div class="cell half ng-binding">Team Member</div> </div><!-- end ngRepeat: teamMember in teamMembers.list | limitTo: itemLimit --> <!-- ngRepeat: filler in teamMembers.placeHolderList --><!-- ngIf: teamMembers.list.length < itemLimit && !isOddLength --><div class="body row ng-scope" ng-if="teamMembers.list.length < itemLimit && !isOddLength" ng-repeat="filler in teamMembers.placeHolderList" ng-class="{'odd-row': $odd}"> <div class="cell half"></div> <div class="cell half"></div> </div><!-- end ngIf: teamMembers.list.length < itemLimit && !isOddLength --><!-- end ngRepeat: filler in teamMembers.placeHolderList --><!-- ngIf: teamMembers.list.length < itemLimit && !isOddLength --><div class="body row ng-scope odd-row" ng-if="teamMembers.list.length < itemLimit && !isOddLength" ng-repeat="filler in teamMembers.placeHolderList" ng-class="{'odd-row': $odd}"> <div class="cell half"></div> <div class="cell half"></div> </div><!-- end ngIf: teamMembers.list.length < itemLimit && !isOddLength --><!-- end ngRepeat: filler in teamMembers.placeHolderList --> <!-- ngRepeat: filler in teamMembers.placeHolderList --><!-- ngIf: teamMembers.list.length < itemLimit && isOddLength --><!-- end ngRepeat: filler in teamMembers.placeHolderList --><!-- ngIf: teamMembers.list.length < itemLimit && isOddLength --><!-- end ngRepeat: filler in teamMembers.placeHolderList --> </div> </div> </div> </div> </section><!-- end ngIf: main.viewSwitch.dashboard --> <!-- ngIf: !main.viewSwitch.dashboard --> </div><!-- end ngIf: main.dataLoaded --> </div> <script src="scripts/vendor.js"></script> <script src="scripts/lib.js"></script> <script src="scripts/app.js"></script> <button onclick="printIt()">Print HTML</button> <div id="log" style="width:100%;display:block; padding:1em;position:relative;float:left"> </div> <script> var printIt = function(){ String.prototype.escapeHTML = function() { return ( this.replace(/>/g, '>').replace(/</g, '<').replace(/"/g, '"') ); }; var codeEl = document.getElementsByTagName('body')[0]; if (codeEl) { document.getElementById("log").innerHTML = " "; document.getElementById("log").innerHTML = codeEl.innerHTML.escapeHTML(); // document.getElementById("log").innerHTML = codeEl.innerHTML; }} </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
