Merge pull request #322 from cevn/feature-buttons-signup

feat(app): added oauth buttons to signup page

Author: DaftMonk

app/templates/client/app/account(auth)/signup/signup(html).html

@@ -62,7 +62,22 @@ <h1>Sign up</h1>
             Login
           </a>
         </div>
+
+        <% if(filters.facebookAuth || filters.twitterAuth || filters.googleAuth) {%>
+        <hr>
+        <div><% if(filters.facebookAuth) {%>
+          <a class="btn btn-facebook" href="" ng-click="loginOauth('facebook')">
+            <i class="fa fa-facebook"></i> Connect with Facebook
+          </a><% } %><% if(filters.googleAuth) {%>
+          <a class="btn btn-google-plus" href="" ng-click="loginOauth('google')">
+            <i class="fa fa-google-plus"></i> Connect with Google+
+          </a><% } %><% if(filters.twitterAuth) {%>
+          <a class="btn btn-twitter" href="" ng-click="loginOauth('twitter')">
+            <i class="fa fa-twitter"></i> Connect with Twitter
+          </a><% } %>
+        </div><% } %>
       </form>
     </div>
   </div>
-</div>
+  <hr>
+</div>

app/templates/client/app/account(auth)/signup/signup(jade).jade

@@ -38,3 +38,21 @@ div(ng-include='"components/navbar/navbar.html"')
           = ' '
           a.btn.btn-default.btn-lg.btn-register(href='/login')
             | Login
+
+
+        <% if(filters.facebookAuth || filters.twitterAuth || filters.googleAuth) {%>
+        hr
+
+        div<% if(filters.facebookAuth) {%>
+          a.btn.btn-facebook(href='', ng-click='loginOauth("facebook")')
+            i.fa.fa-facebook
+            |  Connect with Facebook
+          = ' '<% } %><% if(filters.googleAuth) {%>
+          a.btn.btn-google-plus(href='', ng-click='loginOauth("google")')
+            i.fa.fa-google-plus
+            |  Connect with Google+
+          = ' '<% } %><% if(filters.twitterAuth) {%>
+          a.btn.btn-twitter(href='', ng-click='loginOauth("twitter")')
+            i.fa.fa-twitter
+            |  Connect with Twitter<% } %><% } %>
+  hr

app/templates/client/app/account(auth)/signup/signup.controller(coffee).coffee

@@ -1,6 +1,6 @@
 'use strict'
 
-angular.module('<%= scriptAppName %>').controller 'SignupCtrl', ($scope, Auth, $location) ->
+angular.module('<%= scriptAppName %>').controller 'SignupCtrl', ($scope, Auth, $location, $window) ->
   $scope.user = {}
   $scope.errors = {}
   $scope.register = (form) ->
@@ -22,4 +22,7 @@ angular.module('<%= scriptAppName %>').controller 'SignupCtrl', ($scope, Auth, $
         # Update validity of form fields that match the mongoose errors
         angular.forEach err.errors, (error, field) ->
           form[field].$setValidity 'mongoose', false
-          $scope.errors[field] = error.message
+          $scope.errors[field] = error.message
+
+  $scope.loginOauth = (provider) ->
+    $window.location.href = '/auth/' + provider

app/templates/client/app/account(auth)/signup/signup.controller(js).js

@@ -1,7 +1,7 @@
 'use strict';
 
 angular.module('<%= scriptAppName %>')
-  .controller('SignupCtrl', function ($scope, Auth, $location) {
+  .controller('SignupCtrl', function ($scope, Auth, $location, $window) {
     $scope.user = {};
     $scope.errors = {};
 
@@ -30,4 +30,8 @@ angular.module('<%= scriptAppName %>')
         });
       }
     };
-  });
+
+    $scope.loginOauth = function(provider) {
+      $window.location.href = '/auth/' + provider;
+    };
+  });