From b181e736ab49ebef6d1f41228f49b0b78a805fa7 Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips Freeman <jeffrey.freeman@syncleus.com>
Date: Sat, 11 Jul 2015 17:01:54 -0400
Subject: [PATCH] Added the ability for data model details to be extended and
collapses.
---
dist/js/dataModelController.js | 4 ++++
dist/views/dataModelView.html | 4 ++--
scss/main.scss | 17 +++++++++++++++++
3 files changed, 23 insertions(+), 2 deletions(-)
diff --git a/dist/js/dataModelController.js b/dist/js/dataModelController.js
index d822d7a..c4bbea2 100644
--- a/dist/js/dataModelController.js
+++ b/dist/js/dataModelController.js
@@ -73,4 +73,8 @@ app.controller('dataModelController', ['$scope', function ($scope) {
"type": "discrete"
}
];
+
+ $scope.selectDataModelKey = function(index) {
+ $scope.datapoints[index].detailsVisible = !($scope.datapoints[index].detailsVisible);
+ };
}]);
diff --git a/dist/views/dataModelView.html b/dist/views/dataModelView.html
index ed5f8d9..6be46a0 100644
--- a/dist/views/dataModelView.html
+++ b/dist/views/dataModelView.html
@@ -26,12 +26,12 @@
<div class="analyzer-content">
<table class="data-model-table">
<tbody>
- <tr class="data-model-table-key-row" ng-repeat-start="datapoint in datapoints">
+ <tr class="data-model-table-key-row" ng-class='{selected: datapoint.detailsVisible}' ng-click="selectDataModelKey($index)" ng-repeat-start="datapoint in datapoints">
<td><span class="data-model-table-expand-icon"></span></td>
<td>{{datapoint.key}}</td>
<td>{{datapoint.description}}</td>
</tr>
- <tr class="data-model-table-details-row" ng-repeat-end>
+ <tr class="data-model-table-details-row" ng-class='{selected: datapoint.detailsVisible}' ng-repeat-end>
<td colspan="3">
<table>
<tbody>
diff --git a/scss/main.scss b/scss/main.scss
index 4f7215a..2e61d50 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -404,3 +404,20 @@ footer div {
border: none;
padding: 0;
}
+
+.data-model-table-details-row {
+ display: none;
+}
+
+.data-model-table-details-row.selected {
+ display: table-row;
+}
+
+.data-model-table-key-row.selected .data-model-table-expand-icon {
+ @extend .octicon;
+ @extend .octicon-triangle-down;
+}
+
+.data-model-table-key-row.selected td:last-child {
+ display: none;
+}
--
GitLab