Progress view all

<!-- ngView: --><div ng-view="" class="ng-scope"><!-- ngIf: main.dataLoaded --><div ng-if="main.dataLoaded" class="ng-scope"> <!-- ngIf: !main.viewSwitch.dashboard --><div class="navigator ng-scope no-breadcrumb-navigator" ng-class="{'no-breadcrumb-navigator': main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics}" ng-if="!main.viewSwitch.dashboard"> <!-- ngIf: main.viewSwitch.planTactics || main.viewSwitch.accountTactics || main.viewSwitch.callObjectives || main.viewSwitch.relatedAccountTactics || main.viewSwitch.relatedCallObjectives --> <!-- ngIf: main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics --><div class="left-arrow-icon ng-scope" ng-if="main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics"> <div class="back-icon" ng-click="main.backToDashboard()"></div> <span class="back-button-text ng-binding" ng-click="main.backToDashboard()"> Back </span> </div><!-- end ngIf: main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics --> <!-- ngIf: main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics --><span class="report-title ng-binding ng-scope" ng-if="main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics"> </span><!-- end ngIf: main.viewSwitch.keyStakeHolder || main.viewSwitch.teamMember || main.viewSwitch.upcomingObjectives || main.viewSwitch.allProgressMetrics --> </div><!-- end ngIf: !main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard --> <!-- ngIf: main.viewSwitch.dashboard && main.isSalesDataAvailable --> <!-- ngIf: main.viewSwitch.dashboard --> <!-- ngIf: !main.viewSwitch.dashboard --><section class="view-all-section ng-scope" ng-if="!main.viewSwitch.dashboard"> <div class="section-container"> <!-- ngIf: main.viewSwitch.planTactics --> </div> <div class="section-container"> <!-- ngIf: main.viewSwitch.accountTactics --> </div> <!-- ngIf: main.viewSwitch.relatedAccountTactics --> <div class="section-container"> <!-- ngIf: main.viewSwitch.callObjectives && $root.FLS.callObjective.objectItself --> </div> <!-- ngIf: main.viewSwitch.relatedCallObjectives && $root.FLS.callObjective.objectItself --> <div class="section-container"> <!-- ngIf: main.viewSwitch.keyStakeHolder --> </div> <div class="section-container"> <!-- ngIf: main.viewSwitch.teamMember --> </div> <div class="section-container"> <!-- ngIf: main.viewSwitch.upcomingObjectives --> </div> <!-- ngIf: main.viewSwitch.allProgressMetrics --><div class="all-progress-metrics ng-scope ng-isolate-scope" ng-if="main.viewSwitch.allProgressMetrics" progress-metrics="main.progressMetrics"> <!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" class="plan-tactic-headers ng-scope"> <div class="header-1 ng-binding" ng-click="setRelatedColumnSort('planTactics', 'name', progressMetrics.planTactics.list)"> PLAN TACTICS <!-- ngIf: sortRelatedColumn.planTactics.sortingColumn === 'name' --> </div> <div class="header-2 ng-binding" ng-click="setRelatedColumnSort('planTactics', displaySortingKey, progressMetrics.planTactics.list)"> STATUS <!-- ngIf: sortRelatedColumn.planTactics.sortingColumn === displaySortingKey --> </div> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --> <!-- ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">Plan tactic 1</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">JOMIA, ABDALLAH</div> <div class="account-tactic-name ng-binding">Plan tactic 1</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">Test iRep tactic7</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">AAKRA JARDEZ, ANNE SOPHIE</div> <div class="account-tactic-name ng-binding">Test iRep tactic7</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope expand-objective" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --><div class="expand-tactic-row ng-scope" ng-if="acct.isOpen"> <div class="expand-account-header" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">AYAD, ABDELHAKIM</div> <div class="account-tactic-name ng-binding">Test iRep tactic7</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="close-icon" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div> <div class="expand-call-objective"> <div class="call-objective-headers"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'name')"> ACCOUNT TASKS <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'name' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'fromDateValue')"> FROM <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'fromDateValue' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'toDateValue')"> TO <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'toDateValue' --> </div> <div class="header-4 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'isCompleted')"> COMPLETED <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'isCompleted' --> </div> </div> <!-- ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test_org_19032018</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --> </div> </div><!-- end ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">plan tactic 2</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">AAKRA JARDEZ, ANNE SOPHIE</div> <div class="account-tactic-name ng-binding">test1</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">GUIZ, ABDELGHANI</div> <div class="account-tactic-name ng-binding">plan tactic 2</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope expand-objective" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --><div class="expand-tactic-row ng-scope" ng-if="acct.isOpen"> <div class="expand-account-header" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">SAAD, ABDEL ALI</div> <div class="account-tactic-name ng-binding">plan tactic 2</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="close-icon" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div> <div class="expand-call-objective"> <div class="call-objective-headers"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'name')"> ACCOUNT TASKS <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'name' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'fromDateValue')"> FROM <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'fromDateValue' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'toDateValue')"> TO <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'toDateValue' --> </div> <div class="header-4 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'isCompleted')"> COMPLETED <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'isCompleted' --> </div> </div> <!-- ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test2</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test_2</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --> </div> </div><!-- end ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">plan tactic 3</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope expand-objective" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --><div class="expand-tactic-row ng-scope" ng-if="acct.isOpen"> <div class="expand-account-header" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">RABHI, ABDEL HAKIM</div> <div class="account-tactic-name ng-binding">plan tactic 3</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="close-icon" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div> <div class="expand-call-objective"> <div class="call-objective-headers"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'name')"> ACCOUNT TASKS <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'name' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'fromDateValue')"> FROM <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'fromDateValue' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'toDateValue')"> TO <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'toDateValue' --> </div> <div class="header-4 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'isCompleted')"> COMPLETED <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'isCompleted' --> </div> </div> <!-- ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test 3</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test organize 3</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --> </div> </div><!-- end ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">plan tactic 4</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope expand-objective" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --><div class="expand-tactic-row ng-scope" ng-if="acct.isOpen"> <div class="expand-account-header" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">TOUATI, ABLA</div> <div class="account-tactic-name ng-binding">plan tactic 4</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="close-icon" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div> <div class="expand-call-objective"> <div class="call-objective-headers"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'name')"> ACCOUNT TASKS <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'name' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'fromDateValue')"> FROM <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'fromDateValue' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'toDateValue')"> TO <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'toDateValue' --> </div> <div class="header-4 ng-binding" ng-click="setColumnSortInObject(acct, 'callObjectives', 'isCompleted')"> COMPLETED <!-- ngIf: acct.sortRelatedColumn.callObjectives.sortingColumn === 'isCompleted' --> </div> </div> <!-- ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">Test iRep</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test190318_org_staff</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test_190318</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test_2_19032018</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --><!-- ngIf: acct.isOpen --><div class="call-objective-item ng-scope" ng-if="acct.isOpen" ng-repeat="objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value"> <div class="header-1 ng-binding">test_3_19032018</div> <div class="header-2 ng-binding"></div> <div class="header-3 ng-binding"></div> <div class="header-4" ng-class="{'complete-icon': objective.isCompleted}"></div> </div><!-- end ngIf: acct.isOpen --><!-- end ngRepeat: objective in acct.relatedChildren | orderBy: acct.sortRelatedColumn.callObjectives.value --> </div> </div><!-- end ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">plan tactic 5</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">AAKRA JARDEZ, ANNE SOPHIE</div> <div class="account-tactic-name ng-binding">test</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row expand-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">plan tactic 6</div> <div class="plan-tactic-status ng-binding">Pending</div> <!-- ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="close-icon ng-scope" ng-if="metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --><div class="account-tactic-headers ng-scope" ng-if="metric.isOpen"> <div class="header-1 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'accountName', metric.relatedChildren)"> ACCOUNT <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'accountName' --> </div> <div class="header-2 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'name', metric.relatedChildren)"> ACCOUNT MANAGEMENT ACTIONS <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'name' --> </div> <div class="header-3 ng-binding" ng-click="setColumnSortInObject(metric, 'accountTactics', 'isCompleted', metric.relatedChildren)"> COMPLETE <!-- ngIf: metric.sortRelatedColumn.accountTactics.sortingColumn === 'isCompleted' --> </div> </div><!-- end ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --><div class="child-list ng-scope collapse-row" ng-if="metric.isOpen" ng-class="{'collapse-row': metric.isOpen, 'expand-row': !metric.isOpen}"> <!-- ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">JOMIA, ABDALLAH</div> <div class="account-tactic-name ng-binding">plan tactic 6</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --><div class="account-tactic-row ng-scope" ng-repeat="acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value" ng-class="{'expand-objective': acct.isOpen}"> <!-- ngIf: !acct.isOpen --><div class="collapse-tactic-row ng-scope" ng-if="!acct.isOpen" ng-click="expandChildrenList(acct)"> <div class="account-name ng-binding">KAMLI, ABDELAZIZ</div> <div class="account-tactic-name ng-binding">plan tactic 6</div> <div class="account-tactic-complete" ng-class="{'complete-icon': acct.isCompleted}"></div> <div class="expand-icon hidden" ng-class="{'hidden': acct.relatedChildren.length === 0}"> </div> </div><!-- end ngIf: !acct.isOpen --> <!-- ngIf: acct.isOpen --> </div><!-- end ngRepeat: acct in metric.relatedChildren | orderBy: metric.sortRelatedColumn.accountTactics.value --> </div><!-- end ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --><!-- ngIf: $root.FLS.planTactic.objectItself --><div ng-if="$root.FLS.planTactic.objectItself" ng-repeat="metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value" class="ng-scope"> <div class="metric-row" ng-class="{'expand-row': metric.isOpen}" ng-click="expandChildrenList(metric)"> <div class="plan-tactic-name ng-binding">IRep plan tactic 8</div> <div class="plan-tactic-status ng-binding"></div> <!-- ngIf: !metric.isOpen --><div class="expand-icon ng-scope hidden" ng-if="!metric.isOpen" ng-class="{'hidden': metric.relatedChildren.length === 0}"> </div><!-- end ngIf: !metric.isOpen --> <!-- ngIf: metric.isOpen --> </div> <!-- ngIf: metric.isOpen --> <!-- ngIf: metric.isOpen --> </div><!-- end ngIf: $root.FLS.planTactic.objectItself --><!-- end ngRepeat: metric in progressMetrics.planTactics.list | orderBy: sortRelatedColumn.planTactics.value --> <!-- ngIf: !$root.FLS.planTactic.objectItself && $root.FLS.callObjective.objectItself --> <!-- ngIf: !$root.FLS.planTactic.objectItself && $root.FLS.callObjective.objectItself --> </div><!-- end ngIf: main.viewSwitch.allProgressMetrics --> </section><!-- end 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>