Perpective Ratings: replace green background selection with tabs
<br>
+ <div class="waltz-tabs">
+ <input type="radio"
+ ng-repeat-start="pb in $ctrl.perspectiveBlocks | orderBy:'name'"
+ ng-model="$ctrl.selectedPerspectiveBlock"
+ ng-value="pb"
+ ng-disabled="!$ctrl.hasMeasurables(pb)"
+ name="tab"
+ id="{{ pb.definition.id + '_' +$id}}">
+
+ <label for="{{ pb.definition.id + '_' +$id}}"
+ ng-repeat-end
+ ng-bind="pb.definition.name">
+ </label>
+
+ <div ng-repeat="block in $ctrl.perspectiveBlocks | orderBy:'name'"
+ ng-class="{ 'wt-active': $ctrl.selectedPerspectiveBlock === block }"
+ class="wt-tab">
+
<div class="row">
<div class="col-sm-3">
-
<div>
- <div ng-repeat="pb in $ctrl.perspectiveBlocks | orderBy:'name'"
- class="wprp-perspective-desc"
- ng-class="{
- 'wprp-no-measurable': !$ctrl.hasMeasurables(pb),
- 'wprp-perspective-selected': $ctrl.selectedPerspectiveBlock === pb
- }">
- <a class="clickable"
- ng-bind="pb.definition.name"
- ng-click="$ctrl.selectedPerspectiveBlock = pb">
- </a>
<p class="small text-muted"
- ng-bind="pb.definition.description"></p>
- </div>
+ ng-bind="$ctrl.selectedPerspectiveBlock.definition.description"></p>
</div>
<hr>
<div class="col-sm-9">
<div class="side-scroller"
- ng-repeat="pb in $ctrl.perspectiveBlocks">
- <div ng-if="$ctrl.selectedPerspectiveBlock === pb">
- <waltz-perspective-grid ng-if="$ctrl.hasMeasurables(pb) &&
+ ng-if="$ctrl.selectedPerspectiveBlock === block">
+ <div>
+ <waltz-perspective-grid ng-if="$ctrl.hasMeasurables(block) &&
$ctrl.hasPerspectiveOverrides($ctrl.selectedPerspectiveBlock)"
- existing-overrides="pb.overrides"
- hide-implied="!pb.showImplied"
+ existing-overrides="block.overrides"
+ hide-implied="!block.showImplied"
pending-overrides="[]"
- perspective-definition="pb.definition"
+ perspective-definition="block.definition"
measurables="$ctrl.measurables"
measurable-ratings="$ctrl.measurableRatings">
</waltz-perspective-grid>
- <waltz-no-data ng-if="!$ctrl.hasMeasurables(pb)">
+ <waltz-no-data ng-if="!$ctrl.hasMeasurables(block)">
<message>
<div>
Ratings are not supplied for this perspective
</div>
</message>
</waltz-no-data>
- <waltz-no-data ng-if="$ctrl.hasMeasurables(pb) && !$ctrl.hasPerspectiveOverrides($ctrl.selectedPerspectiveBlock)">
+ <waltz-no-data ng-if="$ctrl.hasMeasurables(block) && !$ctrl.hasPerspectiveOverrides($ctrl.selectedPerspectiveBlock)">
<message>
<div>
No rating overrides exist for this perspective
</div>
</div>
</div>
+
+ </div>
+ </div>
+
+
</div>
</div>
