add AngularJs

fsonmezay · Oct 22, 2016 · 5b23553 · 5b23553
1 parent 853d315
commit 5b23553
Show file tree

Hide file tree

Showing 3 changed files with 105 additions and 3 deletions.
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html data-ng-app="restapp">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,6 +8,7 @@
 
     <script type="text/javascript" src="./js/angular.min.js"></script>
     <script type="text/javascript" src="./js/angular-route.js"></script>
+    <script type="text/javascript" src="./js/restapp.js"></script>
 
     <link rel="stylesheet" href="./css/main.css">
     <link rel="stylesheet" href="./css/font-awesome.min.css">
@@ -78,8 +79,8 @@ <h3>
     <div class="page-wrap" id="page-wrap">
       <div class="container">
         <div class="page-content">
-          <div class="wrapper">
-            Content will be displayed here
+          <div class="wrapper" ng-controller="MainController">
+            <ng-view></ng-view>
           </div>
         </div>
       </div>

diff --git a/src/main/resources/static/js/restapp.js b/src/main/resources/static/js/restapp.js
@@ -0,0 +1,32 @@
+//js/restapp.js
+
+(function() {
+    var app = angular.module('restapp', ['ngRoute']);
+
+    app.config(['$routeProvider', function($routeProvider) {
+        $routeProvider.
+        when('/home', {
+                templateUrl: 'partials/main.html',
+                controller: 'MainController'
+            })
+            .otherwise({
+                redirectTo: '/home'
+            });
+    }]);
+
+
+    app.controller('MainController', ['$scope', function($scope) {
+
+    }]);
+
+
+    /** DEVELOPERS **/
+
+    /** BUGS **/
+
+    /** STORIES **/
+
+    /** ASSIGNMENTS **/
+
+
+})();
diff --git a/src/main/resources/static/partials/main.html b/src/main/resources/static/partials/main.html
@@ -0,0 +1,69 @@
+<div class="row">
+    <div class="text-left col-sm-6 col-md-3 col-lg-3 col-xl-2 no-space" style="padding: 0px 10px;">
+        <div class="thumbnail">
+            <div class="text-center" style="font-size:36pt;">
+                <i class="fa fa-users"></i>
+            </div>
+            <div class="caption" style="padding:20px;">
+                <h5 class="post-caption text-center">
+                    <a class="" href="#/developer">Developers</a>
+                </h5>
+                <p style="font-size:14px;">
+                    You can add, remove or update developers in this section.
+                    <a href="#/developer">Go</a><br><br>
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="text-left col-sm-6 col-md-3 col-lg-3 col-xl-2 no-space" style="padding: 0px 10px;">
+        <div class="thumbnail">
+            <div class="text-center" style="font-size:36pt;">
+                <i class="fa fa-bug"></i>
+            </div>
+            <div class="caption" style="padding:20px;">
+                <h5 class="post-caption text-center">
+                    <a class="" href="#/bug">Bugs</a>
+                </h5>
+                <p style="font-size:14px;">
+                    You can manage bugs in this section
+                    <a href="#/bug">Go</a><br><br>
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="text-left col-sm-6 col-md-3 col-lg-3 col-xl-2 no-space" style="padding: 0px 10px;">
+        <div class="thumbnail">
+            <div class="text-center" style="font-size:36pt;">
+                <i class="fa fa-clone"></i>
+            </div>
+            <div class="caption" style="padding:20px;">
+                <h5 class="post-caption text-center">
+                    <a class="" href="#/story">Stories</a>
+                </h5>
+                <p style="font-size:14px;">
+                    You can manage stories in this section
+                    <a href="#/story">Go</a><br><br>
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="text-left col-sm-6 col-md-3 col-lg-3 col-xl-2 no-space" style="padding: 0px 10px;">
+        <div class="thumbnail">
+            <div class="text-center" style="font-size:36pt;">
+                <i class="fa fa-connectdevelop" aria-hidden="true"></i>
+            </div>
+            <div class="caption" style="padding:20px;">
+                <h5 class="post-caption text-center">
+                    <a class="" href="#/assign">Assign</a>
+                </h5>
+                <p style="font-size:14px;">
+                    Assign bugs and stories to developers
+                    <a href="#/assign">Go</a><br><br>
+                </p>
+            </div>
+        </div>
+    </div>
+</div>