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(){
+app.controller('HeaderController', ['$http', function($http){
-  this.foo = 'bar'
+  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">
+<body>
  {{main.foo}}
  <%= 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>