{"id":1140,"date":"2015-08-05T05:05:53","date_gmt":"2015-08-05T05:05:53","guid":{"rendered":"http:\/\/www.honobono-life.info\/wpeng\/?p=1140"},"modified":"2015-08-05T05:05:53","modified_gmt":"2015-08-05T05:05:53","slug":"adding-microposts-count-and-gravatar-to-home-page-with-angularjs","status":"publish","type":"post","link":"http:\/\/www.honobono-life.info\/wpeng\/adding-microposts-count-and-gravatar-to-home-page-with-angularjs\/","title":{"rendered":"Ruby on Rails Tutorial adding microposts count and gravatar to home page with AngularJS"},"content":{"rendered":"

1)Rails controller<\/strong><\/p>\r\n\r\n

$ vi app\/controllers\/sessions_controller.rb<\/p>\r\n\r\n

\r\n  def create\r\n    user = User.find_by(email: session_params[:email].downcase)\r\n    if user && user.authenticate(session_params[:password])\r\n      remember_token = User.new_remember_token\r\n      cookies.permanent[:remember_token] = remember_token\r\n      user.update_attribute(:remember_token, User.encrypt(remember_token))\r\n      gravatar_id = Digest::MD5::hexdigest(user.email.downcase)\r\n      microposts = user.microposts\r\n      @user_info = {\r\n        user: user,\r\n        gravatar_url: "https:\/\/secure.gravatar.com\/avatar\/#{gravatar_id}",\r\n        microposts: microposts\r\n      }\r\n      render json: @user_info, status: :accepted, location: user\r\n    else\r\n      msg = {"password" => ["Invalid email\/password combination"]}\r\n      render json: msg, status: :unprocessable_entity\r\n    end\r\n  end\r\n\r\n  def current_user\r\n    remember_token = User.encrypt(cookies[:remember_token])\r\n    current_user ||= User.find_by(remember_token: remember_token)\r\n    if current_user\r\n      gravatar_id = Digest::MD5::hexdigest(current_user.email.downcase)\r\n      microposts = current_user.microposts\r\n      @user_info = {\r\n        user: current_user,\r\n        gravatar_url: "https:\/\/secure.gravatar.com\/avatar\/#{gravatar_id}",\r\n        microposts: microposts\r\n      }\r\n      render json: @user_info, status: :accepted\r\n    else\r\n      head :no_content\r\n    end\r\n  end<\/pre>\r\n\r\n
2)AngularJS "UsersNewCtrl" controller<\/strong><\/p>\r\n\r\n
\r\nmyModule.controller("UsersNewCtrl", function($scope, userResource, $location, flashService, $routeParams, sessionResource, $q) {\r\n.....\r\n  $scope.submit = function() {\r\n    function success(response) {\r\n.........\r\n      var user_info = { \r\n        user: response,\r\n        gravatar_url: "https:\/\/secure.gravatar.com\/avatar\/" + md5(response.email.toLowerCase())\r\n      };\r\n      flashService.setUser(user_info);\r\n      $location.path("\/users\/" + response.id);\r\n    }<\/pre>\r\n\r\n
3)AngularJS "HomeCtrl" controller and template view<\/strong><\/p>\r\n\r\n
1.AngularJS "HomeCtrl" controller<\/strong><\/p>\r\n\r\n
$ vi app\/assets\/javascripts\/mymodule.js.erb<\/p>\r\n\r\n
\r\nmyModule.controller("HomeCtrl", function($scope,flashService) {\r\n  $scope.chkSignin = function() {\r\n    return flashService.getUser();\r\n  };\r\n});<\/pre>\r\n\r\n
2.AngularJS template view<\/strong><\/p>\r\n\r\n
$ vi app\/assets\/templates\/static_pages\/home.html.erb<\/p>\r\n\r\n
\r\n<div ng-controller="HomeCtrl">\r\n  <div ng-show="chkSignin().user.id > 0" class="row">\r\n    <div class="col-sm-4">\r\n      <a href="\/users\/{{chkSignin().user.id}}">\r\n        <img alt="{{chkSignin().user.name}}"\r\n             src="{{chkSignin().gravatar_url}}?s=60"\r\n             class="gravatar"\r\n        \/>\r\n      <\/a>\r\n      <h4>{{chkSignin().user.name}}<\/h4>\r\n      <span><a href="\/users\/{{chkSignin().user.id}}">view my profile<\/a><\/span><br \/>\r\n      <ng-pluralize count="chkSignin().microposts.length"\r\n                    when="{'0': '0 micropost',\r\n                           'one': '1 micropost',\r\n                           'other': '{} microposts'}">\r\n      <\/ng-pluralize>\r\n    <\/div>\r\n  <\/div>\r\n  <div ng-hide="chkSignin().user.id > 0">\r\n    <div class="jumbotron">\r\n      <h1>Welcome to the Sample App<\/h1>\r\n.........\r\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"
1)Rails controller $ vi app\/controllers\/sessions_controller.rb def create user = User.find_by(email: session_params[:email].downcase) if user && user.authenticate(session_params[:password]) remember_token = User.new_remember_token cookies.permanent[:remember_token] = remember_token user.update_attribute(:remember_token, User.encrypt(remember_token)) gravatar_id = Digest::MD5::hexdigest(user.email.downcase) microposts = user.microposts @user_info = { user: user, gravatar_url: "https:\/\/secure.gravatar.com\/avatar\/#{gravatar_id}", microposts: microposts } render json: @user_info, status: :accepted, location: user else msg = {"password" => ["Invalid email\/password combination"]} render […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[137],"tags":[35,148,181],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1140"}],"collection":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/comments?post=1140"}],"version-history":[{"count":1,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1140\/revisions"}],"predecessor-version":[{"id":1141,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1140\/revisions\/1141"}],"wp:attachment":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/media?parent=1140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/categories?post=1140"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/tags?post=1140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}