Skip to content

Commit 95ab6eb

Browse files
manuschillermanuschiller
committed
trash
0 parents  commit 95ab6eb

File tree

336 files changed

+126891
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

336 files changed

+126891
-0
lines changed

‎.idea/.name

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/encodings.xml

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/misc.xml

+28
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/ng-react-activity.iml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/workspace.xml

+476
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎activity.ng.html

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>activity: angular directive</title>
6+
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
7+
<style>
8+
.main-container {
9+
width: 400px;
10+
margin-left: auto;
11+
margin-right: auto;
12+
margin-top: 100px;
13+
}
14+
</style>
15+
</head>
16+
<body ng-app="app">
17+
18+
<div class="main-container">
19+
<div ng-controller="ActivityController as vm">
20+
<h1>Favourite Quotes</h1>
21+
<p><button ng-click="vm.refreshActivities()">Cycle Activities</button></p>
22+
23+
<activity activity="activity" ng-repeat="activity in vm.activities track by activity.id"></activity>
24+
25+
26+
</div>
27+
</div>
28+
29+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
30+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
31+
<script src="bower_components/angular/angular.js"></script>
32+
<script src="bower_components/react/react.js"></script>
33+
<script src="bower_components/react/react-dom.js"></script>
34+
<script src="bower_components/ngreact/ngReact.min.js"></script>
35+
36+
<script src="app/app.js"></script>
37+
<script src="app/components/activity/activity.js"></script>
38+
39+
</body>
40+
</html>

‎activity.react.html

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>activity: react component</title>
6+
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
7+
<style>
8+
.main-container {
9+
width: 400px;
10+
margin-left: auto;
11+
margin-right: auto;
12+
margin-top: 100px;
13+
}
14+
</style>
15+
</head>
16+
<body ng-app="app">
17+
18+
<div class="main-container">
19+
<div ng-controller="ActivityController as vm">
20+
<h1>Favourite Quotes</h1>
21+
<p><button ng-click="vm.refreshActivities()">Cycle Activities</button></p>
22+
<react-activity activities="vm.activities"></react-activity>
23+
24+
25+
26+
</div>
27+
</div>
28+
29+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
30+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
31+
<script src="bower_components/angular/angular.js"></script>
32+
<script src="bower_components/react/react.js"></script>
33+
<script src="bower_components/react/react-dom.js"></script>
34+
<script src="bower_components/ngreact/ngReact.min.js"></script>
35+
36+
<script src="app/app.js"></script>
37+
<script src="app/components/react-activity/react-activity.js"></script>
38+
39+
</body>
40+
</html>

‎anytable.ng.html

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>anytable - ng-repeat for comparison</title>
6+
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
7+
<style>
8+
.main-container {
9+
width: 95%;
10+
margin-left: auto;
11+
margin-right: auto;
12+
margin-top: 100px;
13+
}
14+
15+
input[type=text]{
16+
width: 100%;
17+
}
18+
</style>
19+
</head>
20+
<body ng-app="app">
21+
22+
<div class="main-container">
23+
<div ng-controller="AnytableController as vm">
24+
25+
<h1>AnyTable-Data</h1>
26+
<div class="row">
27+
<div class="col-md-12"><button ng-click="vm.regenerate()" class="btn btn-info pull-right">Cycle TableData</button></div>
28+
</div>
29+
30+
<any-table table-data="vm.tableData"></any-table>
31+
32+
33+
</div>
34+
</div>
35+
36+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
37+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
38+
<script src="bower_components/angular/angular.js"></script>
39+
<script src="bower_components/react/react.js"></script>
40+
<script src="bower_components/react/react-dom.js"></script>
41+
<script src="bower_components/ngreact/ngReact.min.js"></script>
42+
43+
<script src="app/app.js"></script>
44+
<script src="app/components/anytable/anytable.js"></script>
45+
46+
</body>
47+
</html>

‎anytable.react.html

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>any table - react</title>
6+
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
7+
<style>
8+
.main-container {
9+
width: 95%;
10+
margin-left: auto;
11+
margin-right: auto;
12+
margin-top: 100px;
13+
}
14+
input[type=text]{
15+
width: 100%;
16+
}
17+
</style>
18+
</head>
19+
<body ng-app="app">
20+
21+
<div class="main-container">
22+
<div ng-controller="AnytableController as vm">
23+
<h1>AnyTable-Data</h1>
24+
<div class="row">
25+
<div class="col-md-12"><button ng-click="vm.regenerate()" class="btn btn-info pull-right">Cycle TableData</button></div>
26+
</div>
27+
28+
<react-any-table table="vm.tableData" row-click="vm.rowClick"></react-any-table>
29+
30+
31+
</div>
32+
</div>
33+
34+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
35+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
36+
<script src="bower_components/angular/angular.js"></script>
37+
<script src="bower_components/react/react.js"></script>
38+
<script src="bower_components/react/react-dom.js"></script>
39+
<script src="bower_components/ngreact/ngReact.min.js"></script>
40+
41+
<script src="app/app.js"></script>
42+
<script src="app/components/react-anytable/react-anytable.js"></script>
43+
44+
</body>
45+
</html>

‎app/app.js

+150
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
/**
2+
* Created by manu on 07.04.16.
3+
*/
4+
5+
(function(){
6+
'use strict';
7+
8+
angular.module("app",["react"]);
9+
10+
angular.module("app")
11+
.controller("ActivityController",ActivityController);
12+
13+
angular.module("app")
14+
.factory("TableData",function(){
15+
var generateRows = function( ) {
16+
var rows = [];
17+
var names = ["Peter","Paul","Mary","Manu","Niels","Jens","Oliver","Henriette"];
18+
19+
var numberOfRows = 2500;
20+
21+
for ( var i = 0; i <= numberOfRows; i++ ) {
22+
var randomEntry = Math.floor(Math.random() * numberOfRows) + 1;
23+
var randomName = names[Math.floor(Math.random() * names.length)];
24+
var d = new Date();
25+
rows.push( [
26+
randomName,
27+
'Last Name ' + randomEntry,
28+
'name' + randomEntry + '@domain.com',
29+
'@name' + randomEntry,
30+
randomEntry,
31+
d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() + "." + d.getMilliseconds(),
32+
"any column 1",
33+
"any column 2",
34+
"any column 3",
35+
"any column 4",
36+
"any column 5",
37+
"any column 6",
38+
"any column 7"
39+
] );
40+
}
41+
return rows;
42+
};
43+
44+
var tableData = {
45+
cols: [ 'First Name', 'Last Name', 'Email', 'Twitter', 'Id', 'Modified',"any column 1","any column 2", "any column 3", "any column 4", "any column 5", "any column 6", "any column 7", ],
46+
rows: generateRows()
47+
};
48+
49+
var regenerate = function(){
50+
tableData.rows = generateRows();
51+
return tableData;
52+
};
53+
54+
return{
55+
generateRows: generateRows,
56+
regenerate: regenerate,
57+
tableData: tableData
58+
}
59+
});
60+
61+
angular.module("app")
62+
.controller("AnytableController",AnytableController);
63+
64+
angular.module("app")
65+
.controller("BoundToDirectiveController",BoundToDirectiveController);
66+
67+
function ActivityController(){
68+
var vm = this;
69+
var numberOfActivities = 5000;
70+
71+
vm.createRandomActivities = function(){
72+
var names = ["Robin","Alex","Manu","Henriette","Niels","Jens","Oliver","Birthe","Markus","Roman"];
73+
var quotes = [
74+
"You can do anything, but not everything.—David Allen",
75+
"Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.—Antoine de Saint-Exupéry",
76+
"The richest man is not he who has the most, but he who needs the least.—Unknown Author",
77+
"You miss 100 percent of the shots you never take.—Wayne Gretzky",
78+
"Courage is not the absence of fear, but rather the judgement that something else is more important than fear.—Ambrose Redmoon",
79+
"You must be the change you wish to see in the world.—Gandhi",
80+
"When hungry, eat your rice; when tired, close your eyes. Fools may laugh at me, but wise men will know what I mean.—Lin-Chi",
81+
"The third-rate mind is only happy when it is thinking with the majority. The second-rate mind is only happy when it is thinking with the minority. The first-rate mind is only happy when it is thinking.—A. A. Milne",
82+
"To the man who only has a hammer, everything he encounters begins to look like a nail.—Abraham Maslow",
83+
"We are what we repeatedly do; excellence, then, is not an act but a habit.—Aristotle"
84+
];
85+
var activities = [];
86+
87+
for(var i = 1; i <= numberOfActivities; i++){
88+
activities.push({
89+
"id": i,
90+
"author": names[Math.floor(Math.random() * names.length)],
91+
"quote": quotes[Math.floor(Math.random() * quotes.length)]
92+
});
93+
}
94+
return activities;
95+
96+
};
97+
vm.refreshActivities = function(){
98+
vm.activities = vm.createRandomActivities();
99+
};
100+
vm.refreshActivities();
101+
}
102+
103+
function AnytableController(TableData){
104+
var vm = this;
105+
106+
this.tableData = TableData.tableData;
107+
108+
this.regenerate = function() {
109+
this.tableData = TableData.regenerate();
110+
};
111+
112+
this.rowClick = function(e,test){
113+
114+
}
115+
}
116+
117+
function BoundToDirectiveController($scope,TableData){
118+
var vm = this;
119+
vm.filterTableQuery = "Manu";
120+
vm.filterDirection = 1;
121+
122+
this.tableData = TableData.tableData;
123+
this.tableViewData = angular.copy(this.tableData);
124+
125+
this.regenerate = function() {
126+
this.tableData = TableData.regenerate();
127+
};
128+
129+
this.sortTable = function(col){
130+
/** TODO: WHY CAN I ONLY PASS THE COLUMN AS OBJECT? **/
131+
col = col.col;
132+
133+
vm.filterDirection = vm.filterDirection * (-1);
134+
135+
vm.tableViewData.rows.sort(function(a,b){
136+
if(a[col] > b[col]) return -1*vm.filterDirection;
137+
if(a[col] < b[col]) return vm.filterDirection;
138+
});
139+
140+
};
141+
142+
this.filterTable = function(query){
143+
vm.tableViewData.rows = vm.tableData.rows.filter(function(row){
144+
return (row[0].indexOf(query) > -1);
145+
});
146+
}
147+
}
148+
149+
150+
})();

0 commit comments

Comments
 (0)