홍길동 / onos

Go to a project
Toggle navigation Toggle navigation pinning
Bri Prebilic Cole
e031189c 1 parent 29107291

CORD GUI -- Skeleton view framework created, can navigate between views. 

Change-Id: I69942d17ed7fff77f531fdcbe97aa315bd90005e
Expand all
Inline Side-by-side
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 +}
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.