CORD GUI -- Skeleton view framework created, can navigate between views.
Change-Id: I69942d17ed7fff77f531fdcbe97aa315bd90005e
Showing
14 changed files
with
322 additions
and
3 deletions
1 | +<!DOCTYPE html> | ||
2 | +<!-- | ||
3 | + ~ Copyright 2015 Open Networking Laboratory | ||
4 | + ~ | ||
5 | + ~ Licensed under the Apache License, Version 2.0 (the "License"); | ||
6 | + ~ you may not use this file except in compliance with the License. | ||
7 | + ~ You may obtain a copy of the License at | ||
8 | + ~ | ||
9 | + ~ http://www.apache.org/licenses/LICENSE-2.0 | ||
10 | + ~ | ||
11 | + ~ Unless required by applicable law or agreed to in writing, software | ||
12 | + ~ distributed under the License is distributed on an "AS IS" BASIS, | ||
13 | + ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
14 | + ~ See the License for the specific language governing permissions and | ||
15 | + ~ limitations under the License. | ||
16 | + --> | ||
17 | + | ||
18 | +<html> | ||
19 | +<head lang="en"> | ||
20 | + <meta charset="UTF-8"> | ||
21 | + <title></title> | ||
22 | +</head> | ||
23 | +<body> | ||
24 | +<h2>Home Page</h2> | ||
25 | + | ||
26 | +</body> | ||
27 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +(function () { | ||
18 | + 'use strict'; | ||
19 | + | ||
20 | + angular.module('cordHome', []) | ||
21 | + .controller('CordHomeCtrl', ['$log', function ($log) { | ||
22 | + $log.debug('Cord Home Ctrl has been created.'); | ||
23 | + }]); | ||
24 | +}()); |
1 | +<!DOCTYPE html> | ||
2 | +<!-- | ||
3 | + ~ Copyright 2015 Open Networking Laboratory | ||
4 | + ~ | ||
5 | + ~ Licensed under the Apache License, Version 2.0 (the "License"); | ||
6 | + ~ you may not use this file except in compliance with the License. | ||
7 | + ~ You may obtain a copy of the License at | ||
8 | + ~ | ||
9 | + ~ http://www.apache.org/licenses/LICENSE-2.0 | ||
10 | + ~ | ||
11 | + ~ Unless required by applicable law or agreed to in writing, software | ||
12 | + ~ distributed under the License is distributed on an "AS IS" BASIS, | ||
13 | + ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
14 | + ~ See the License for the specific language governing permissions and | ||
15 | + ~ limitations under the License. | ||
16 | + --> | ||
17 | + | ||
18 | +<html> | ||
19 | +<head lang="en"> | ||
20 | + <meta charset="UTF-8"> | ||
21 | + <title></title> | ||
22 | +</head> | ||
23 | +<body> | ||
24 | +<h2>Login Page</h2> | ||
25 | +<p>Hooray!</p> | ||
26 | +<br> | ||
27 | +<a href="#/home">Click to login</a> | ||
28 | + | ||
29 | +</body> | ||
30 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +(function () { | ||
18 | + 'use strict'; | ||
19 | + | ||
20 | + angular.module('cordLogin', []) | ||
21 | + .controller('CordLoginCtrl', ['$log', function ($log) { | ||
22 | + $log.debug('Cord Login Ctrl has been created.'); | ||
23 | + }]); | ||
24 | +}()); |
1 | +<!DOCTYPE html> | ||
2 | +<!-- | ||
3 | + ~ Copyright 2015 Open Networking Laboratory | ||
4 | + ~ | ||
5 | + ~ Licensed under the Apache License, Version 2.0 (the "License"); | ||
6 | + ~ you may not use this file except in compliance with the License. | ||
7 | + ~ You may obtain a copy of the License at | ||
8 | + ~ | ||
9 | + ~ http://www.apache.org/licenses/LICENSE-2.0 | ||
10 | + ~ | ||
11 | + ~ Unless required by applicable law or agreed to in writing, software | ||
12 | + ~ distributed under the License is distributed on an "AS IS" BASIS, | ||
13 | + ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
14 | + ~ See the License for the specific language governing permissions and | ||
15 | + ~ limitations under the License. | ||
16 | + --> | ||
17 | + | ||
18 | +<html> | ||
19 | +<head lang="en"> | ||
20 | + <meta charset="UTF-8"> | ||
21 | + <title></title> | ||
22 | +</head> | ||
23 | +<body> | ||
24 | +<h2>Subscriptions Page</h2> | ||
25 | + | ||
26 | +</body> | ||
27 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +(function () { | ||
18 | + 'use strict'; | ||
19 | + | ||
20 | + angular.module('cordSub', []) | ||
21 | + .controller('CordSubCtrl', ['$log', function ($log) { | ||
22 | + $log.debug('Cord Sub Ctrl has been created.'); | ||
23 | + }]); | ||
24 | +}()); |
1 | +<!DOCTYPE html> | ||
2 | +<!-- | ||
3 | + ~ Copyright 2015 Open Networking Laboratory | ||
4 | + ~ | ||
5 | + ~ Licensed under the Apache License, Version 2.0 (the "License"); | ||
6 | + ~ you may not use this file except in compliance with the License. | ||
7 | + ~ You may obtain a copy of the License at | ||
8 | + ~ | ||
9 | + ~ http://www.apache.org/licenses/LICENSE-2.0 | ||
10 | + ~ | ||
11 | + ~ Unless required by applicable law or agreed to in writing, software | ||
12 | + ~ distributed under the License is distributed on an "AS IS" BASIS, | ||
13 | + ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
14 | + ~ See the License for the specific language governing permissions and | ||
15 | + ~ limitations under the License. | ||
16 | + --> | ||
17 | + | ||
18 | +<html> | ||
19 | +<head lang="en"> | ||
20 | + <meta charset="UTF-8"> | ||
21 | + <title></title> | ||
22 | +</head> | ||
23 | +<body> | ||
24 | +<h2>Users Page</h2> | ||
25 | + | ||
26 | +</body> | ||
27 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +(function () { | ||
18 | + 'use strict'; | ||
19 | + | ||
20 | + angular.module('cordUser', []) | ||
21 | + .controller('CordUserCtrl', ['$log', function ($log) { | ||
22 | + $log.debug('Cord User Ctrl has been created.'); | ||
23 | + }]); | ||
24 | +}()); |
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +h1, h2, h3, h4, h5, h6, p, div, a { | ||
18 | + padding: 0; | ||
19 | + margin: 0; | ||
20 | +} | ||
21 | + | ||
22 | +h1, h2, h3, h4, h5, h6, p, a { | ||
23 | + font-family: "Lucida Grande", "Droid Sans", Arial, Helvetica, sans-serif; | ||
24 | +} |
apps/demo/cord-gui/src/main/webapp/cord.js
0 → 100644
1 | +/* | ||
2 | + * Copyright 2015 Open Networking Laboratory | ||
3 | + * | ||
4 | + * Licensed under the Apache License, Version 2.0 (the "License"); | ||
5 | + * you may not use this file except in compliance with the License. | ||
6 | + * You may obtain a copy of the License at | ||
7 | + * | ||
8 | + * http://www.apache.org/licenses/LICENSE-2.0 | ||
9 | + * | ||
10 | + * Unless required by applicable law or agreed to in writing, software | ||
11 | + * distributed under the License is distributed on an "AS IS" BASIS, | ||
12 | + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
13 | + * See the License for the specific language governing permissions and | ||
14 | + * limitations under the License. | ||
15 | + */ | ||
16 | + | ||
17 | +(function () { | ||
18 | + 'use strict'; | ||
19 | + | ||
20 | + var modules = [ | ||
21 | + 'ngRoute' | ||
22 | + ], | ||
23 | + viewIds = [ | ||
24 | + 'login', | ||
25 | + 'home', | ||
26 | + 'user', | ||
27 | + 'sub' | ||
28 | + ], | ||
29 | + viewDependencies = [], | ||
30 | + dependencies; | ||
31 | + | ||
32 | + function capitalize(word) { | ||
33 | + return word ? word[0].toUpperCase() + word.slice(1) : word; | ||
34 | + } | ||
35 | + | ||
36 | + viewIds.forEach(function (id) { | ||
37 | + if (id) { | ||
38 | + viewDependencies.push('cord' + capitalize(id)); | ||
39 | + } | ||
40 | + }); | ||
41 | + | ||
42 | + dependencies = modules.concat(viewDependencies); | ||
43 | + | ||
44 | + angular.module('cordGui', dependencies) | ||
45 | + .config(['$routeProvider', function ($routeProvider) { | ||
46 | + $routeProvider | ||
47 | + .otherwise({ | ||
48 | + redirectTo: '/login' | ||
49 | + }); | ||
50 | + | ||
51 | + function viewCtrlName(vid) { | ||
52 | + return 'Cord' + capitalize(vid) + 'Ctrl'; | ||
53 | + } | ||
54 | + | ||
55 | + function viewTemplateUrl(vid) { | ||
56 | + return 'app/view/' + vid + '/' + vid + '.html'; | ||
57 | + } | ||
58 | + | ||
59 | + viewIds.forEach(function (vid) { | ||
60 | + if (vid) { | ||
61 | + $routeProvider.when('/' + vid, { | ||
62 | + controller: viewCtrlName(vid), | ||
63 | + controllerAs: 'ctrl', | ||
64 | + templateUrl: viewTemplateUrl(vid) | ||
65 | + }); | ||
66 | + } | ||
67 | + }); | ||
68 | + }]) | ||
69 | + .controller('CordCtrl', [function () { | ||
70 | + | ||
71 | + }]); | ||
72 | +}()); |
... | @@ -20,10 +20,26 @@ | ... | @@ -20,10 +20,26 @@ |
20 | <meta charset="utf-8"> | 20 | <meta charset="utf-8"> |
21 | 21 | ||
22 | <title>CORD Subscriber Portal</title> | 22 | <title>CORD Subscriber Portal</title> |
23 | + | ||
24 | + <script src="tp/angular.js"></script> | ||
25 | + <script src="tp/angular-route.js"></script> | ||
26 | + <script src="tp/jquery-2.1.4.js"></script> | ||
27 | + | ||
28 | + <script src="cord.js"></script> | ||
29 | + <link rel="stylesheet" href="common.css"> | ||
30 | + | ||
31 | + <script src="app/view/login/login.js"></script> | ||
32 | + | ||
33 | + <script src="app/view/home/home.js"></script> | ||
34 | + | ||
35 | + <script src="app/view/user/user.js"></script> | ||
36 | + | ||
37 | + <script src="app/view/sub/sub.js"></script> | ||
23 | </head> | 38 | </head> |
24 | -<body> | 39 | +<body ng-app="cordGui"> |
25 | - <h1> CORD Subscriber Portal </h1> | 40 | +<div id="frame" ng-controller="CordCtrl as cordCtrl"></div> |
41 | + | ||
42 | +<div id="view" ng-view></div> | ||
26 | 43 | ||
27 | - <p>(Content to go here)</p> | ||
28 | </body> | 44 | </body> |
29 | </html> | 45 | </html> | ... | ... |
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
-
Please register or login to post a comment