1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
| /* global angular:false */
| 'use strict';
|
| var myApp = angular.module('myApp',['scrollable-table'])
| .service('Data', function() {
| this.get = function() {
| return [{
| facility: "Atlanta",
| code: "C-RD34",
| cost: 540000,
| conditionRating: 52,
| extent: 100,
| planYear: 2014
| }, {
| facility: "Seattle",
| code: "CRDm-4",
| cost: 23000,
| conditionRating: 40,
| extent: 88,
| planYear: 2014
| }, {
| facility: "Austin",
| code: "GR-5",
| cost: 1200000,
| conditionRating: 92,
| extent: 90,
| planYear: 2014
| }, {
| facility: "Dayton",
| code: "LY-7",
| cost: 123000,
| conditionRating: 71,
| extent: 98,
| planYear: 2014
| }, {
| facility: "Portland",
| code: "Dm-4",
| cost: 149000,
| conditionRating: 89,
| extent: 77,
| planYear: 2014
| }, {
| facility: "Dallas",
| code: "AW-3",
| cost: 14000,
| conditionRating: 89,
| extent: 79,
| planYear: 2014
| }, {
| facility: "Houston",
| code: "Dm-4",
| cost: 1100000,
| conditionRating: 93,
| extent: 79,
| planYear: 2014
| }, {
| facility: "Boston",
| code: "DD3",
| cost: 1940000,
| conditionRating: 86,
| extent: 80,
| planYear: 2015
| }, {
| facility: "New York",
| code: "ER1",
| cost: 910000,
| conditionRating: 87,
| extent: 82,
| planYear: 2015
| }];
| };
| })
| // when sorting by year, sort by year and then replace %
| .service("Comparators", function() {
| this.year = function(r1, r2) {
| if(r1.planYear === r2.planYear) {
| if (r1.extent === r2.extent) return 0;
| return r1.extent > r2.extent ? 1 : -1;
| } else if(!r1.planYear || !r2.planYear) {
| return !r1.planYear && !r2.planYear ? 0 : (!r1.planYear ? 1 : -1);
| }
| return r1.planYear > r2.planYear ? 1 : -1;
| };
| })
| .controller('MyCtrl', function($scope, $timeout, $window, Data, Comparators) {
| $scope.visibleProjects = Data.get();
| $scope.comparator = Comparators.year;
| $scope.facilities = [];
| for(var i = 0; i < $scope.visibleProjects.length; i++) {
| $scope.facilities.push($scope.visibleProjects[i].facility);
| }
|
| $scope.$watch('selected', function(fac) {
| $scope.$broadcast("rowSelected", fac);
| });
|
| $scope.changeRecord = function(){
| $scope.visibleProjects[3].code = 'aaabbbccc';
| $scope.$broadcast("renderScrollableTable");
| };
|
| $scope.replaceRecords = function(){
| $scope.visibleProjects = Data.get();
| };
|
| $scope.toggleCol = function() {
| $scope.toggleColumn = !$scope.toggleColumn;
| $scope.$broadcast("renderScrollableTable");
| };
| })
| ;
|
|
