ng-sample templating (work in progress...)

ponkore · Jan 21, 2014 · 3889fb5 · 3889fb5
1 parent 36c6ad9
commit 3889fb5
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 0 deletions.
diff --git a/src/angularjs_study/routes/home.clj b/src/angularjs_study/routes/home.clj
@@ -22,7 +22,13 @@
    {:name "Alma", :allowance 43, :paid true},
    {:name "Jared", :allowance 21, :paid true}])
 
+(defn ng-sample
+  [id]
+  (layout/render
+    "ng-sample-07.html" {:content "hoge"}))
+
 (defroutes home-routes
   (GET "/" [] (home-page))
   (GET "/about" [] (about-page))
+  (GET "/ng-sample/:id" [id] (ng-sample id))
   (GET "/test" [] (json (sample-records))))
diff --git a/src/angularjs_study/views/templates/ng-base.html b/src/angularjs_study/views/templates/ng-base.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html ng-app="myapp">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Language" content="ja">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <!-- scripts and styles -->
+    [% style "/css/bootstrap-theme.min.css" %]
+    [% style "/css/bootstrap.min.css" %]
+    [% style "/css/screen.css" %]
+    [% script "/js/bootstrap.min.js" %]
+    <!-- jquery -->
+    <script src="//code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
+    <!-- angular.js -->
+    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
+    <!-- angular bootstrap ui with templates -->
+    <script type="text/javascript" src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.9.0.js"></script>
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
+    <!-- ng-grid.js & .css -->
+    [% script "/js/ng-grid-2.0.7.min.js" %]
+    [% style "/css/ng-grid.min.css" %]
+    <title>Welcome to angularjs-study</title>
+  </head>
+  <body>
+    <!-- container -->
+    <div class="container">
+      [% block content %]
+      [% endblock %]
+    </div>
+    <script type="text/javascript">
+      var context = "[{servlet-context}]";
+    </script>
+  </body>
+</html>
diff --git a/src/angularjs_study/views/templates/ng-sample-07.html b/src/angularjs_study/views/templates/ng-sample-07.html
@@ -0,0 +1,7 @@
+[% extends "angularjs_study/views/templates/ng-base.html" %]
+[% block content %]
+  [% script "/js/sample-07.js" %]
+  <div ng-controller="GridDemoCtrl">
+    <div class="gridStyle" ng-grid="gridOptions"></div>
+  </div>
+[% endblock %]