From a84ba4fecc996dd07ef1c8e7a7af62ff5e60ccc2 Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips Freeman <jeffrey.freeman@syncleus.com>
Date: Sat, 11 Jul 2015 18:06:20 -0400
Subject: [PATCH] Added a expand all and collapse all link to the data set
page.
---
dist/js/dataModelController.js | 12 ++++++++++++
dist/views/dataModelView.html | 1 +
scss/main.scss | 17 +++++++++++++++++
3 files changed, 30 insertions(+)
diff --git a/dist/js/dataModelController.js b/dist/js/dataModelController.js
index 0299b29..b071639 100644
--- a/dist/js/dataModelController.js
+++ b/dist/js/dataModelController.js
@@ -89,4 +89,16 @@ app.controller('dataModelController', ['$scope', function ($scope) {
$scope.selectDataModelKey = function(index) {
$scope.datapoints[index].detailsVisible = !($scope.datapoints[index].detailsVisible);
};
+
+ $scope.selectAllDataModelKeys = function() {
+ for( x in $scope.datapoints) {
+ $scope.datapoints[x].detailsVisible = true;
+ }
+ };
+
+ $scope.unselectAllDataModelKeys = function() {
+ for( x in $scope.datapoints) {
+ $scope.datapoints[x].detailsVisible = false;
+ }
+ };
}]);
diff --git a/dist/views/dataModelView.html b/dist/views/dataModelView.html
index d4fd3f9..4c27d1f 100644
--- a/dist/views/dataModelView.html
+++ b/dist/views/dataModelView.html
@@ -24,6 +24,7 @@
<div class="analyzer-container">
<div class="analyzer-content">
+ <div class="expand-collapse-links"><a ng-click="selectAllDataModelKeys()">Expand all</a> <a ng-click="unselectAllDataModelKeys()">Collapse all</a></div>
<table class="data-model-table">
<tbody>
<tr class="data-model-table-key-row" ng-class='{selected: datapoint.detailsVisible}' ng-click="selectDataModelKey($index)" ng-repeat-start="datapoint in datapoints">
diff --git a/scss/main.scss b/scss/main.scss
index 2e61d50..20e35cc 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -7,6 +7,11 @@
@import 'crossbrowser';
@import "headroom-animate";
+a {
+ cursor: pointer;
+ cursor: hand;
+}
+
.header {
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
@@ -421,3 +426,15 @@ footer div {
.data-model-table-key-row.selected td:last-child {
display: none;
}
+
+.expand-collapse-links {
+ margin-bottom: 5px;
+}
+
+.expand-collapse-links a {
+ margin-left: 10px;
+}
+
+.expand-collapse-links a:first-child {
+ margin-left: 0;
+}
--
GitLab