header gets current user

10 years ago · 6870bd1e9b
parent a45c193eb1
commit 6870bd1e9b
3 changed files with 18 additions and 7 deletions
--- a/app/assets/javascripts/spa.js
+++ b/app/assets/javascripts/spa.js
@ -1,5 +1,8 @@
 var app = angular.module('SinsApp', []);

-app.controller('MainController', function(){
-  this.foo = 'bar'
-});
+app.controller('HeaderController', ['$http', function($http){
+  var controller = this;
+  $http.get('/session').success(function(data){
+    controller.current_user = data.current_user;
+  });
+}]);
--- a/app/views/layouts/spa.html.erb
+++ b/app/views/layouts/spa.html.erb
@ -6,10 +6,8 @@
  <%= csrf_meta_tags %>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js" charset="utf-8"></script>
 </head>
-<body ng-controller="MainController as main">
-  {{main.foo}}
+<body>
  <%= yield %>
-
  <%= javascript_include_tag 'spa', 'data-turbolinks-track' => true %>
 </body>
 </html>
--- a/app/views/spa.html.erb
+++ b/app/views/spa.html.erb
@ -1 +1,11 @@
-oh hai!
+<header ng-controller="HeaderController as header">
+  <h1>Welcome page</h1>
+  <p>
+    Welcome {{header.current_user.email}}
+  <p>
+  <nav>
+    <h2>Navigation</h2>
+  </nav>
+</header>
+<main>
+</main>