[feature] contact form & mandrill + fix title missing #53

SylTi · Dec 7, 2014 · 739bbc2 · 739bbc2
1 parent d33694c
commit 739bbc2
Show file tree

Hide file tree

Showing 9 changed files with 93 additions and 4 deletions.
diff --git a/client/app/contact/contact.controller.js b/client/app/contact/contact.controller.js
@@ -1,6 +1,46 @@
 'use strict';
 
 angular.module('bitCrowdFundsApp')
-  .controller('ContactCtrl', function ($scope) {
-    $scope.message = 'Hello';
+  .controller('ContactCtrl', function ($scope, $http)
+  {
+    $scope.msg =
+    {
+      name: '',
+      email: '',
+      subject: '',
+      content: ''
+    };
+
+    $scope.send = function ()
+    {
+      var data =
+      {
+        'key': 'DXzrHigWlE27xwvubqEioA',
+        'message':
+        {
+          'html': $scope.msg.content,
+          'subject': $scope.msg.subject,
+          'from_email': $scope.msg.email,
+          //'from_name': $scope.msg.name,
+          'to':
+          [{
+            'email': '[email protected]',
+            'name': 'Sylvain Tissier',
+            'type': 'to'
+          }]
+        }
+      };
+      $http.post('https://mandrillapp.com/api/1.0/messages/send.json', data)
+      .success(function(res)
+      {
+        if (res[0].status === 'sent')
+        {
+          $scope.resultgood = 'Message Envoyé';
+        }
+        else
+        {
+          $scope.resultbad = 'Erreur lors de l\'envois du message';
+        }
+      });
+    };
   });
diff --git a/client/app/contact/contact.jade b/client/app/contact/contact.jade
@@ -1,2 +1,33 @@
-.col-md-12
-    | This is the contact view.
+div(ng-include='"components/navbar/navbar.html"')
+
+.container.text-center
+  .text-danger {{resultbad}}
+  .text-success {{resultgood}}
+  form.form-horizontal(role='form', name='formMail')
+    .form-group
+      label.col-sm-2.control-label(for='inputEmail') Votre Nom
+      | &#x9;&#x9;
+      .col-sm-10
+        input#inputName.form-control(type='text', placeholder='Nom', ng-model='msg.name', required='')
+    | &#x9;
+    .form-group
+      label.col-sm-2.control-label(for='inputEmail') Votre Email
+      | &#x9;&#x9;
+      .col-sm-10
+        input#inputEmail.form-control(type='email', placeholder='Email', ng-model='msg.email', required='')
+    | &#x9;
+    .form-group
+      label.col-sm-2.control-label(for='inputSubject') Sujet
+      | &#x9;&#x9;
+      .col-sm-10
+        input#inputSubject.form-control(type='text', placeholder='La raison de votre contact', ng-model='msg.subject', required='')
+    | &#x9;
+    .form-group
+      label.col-sm-2.control-label(for='inputContent') Message (HTML Accept&eacute;)
+      | &#x9;&#x9;
+      .col-sm-10
+        textarea#inputContent.form-control(type='text', placeholder='Votre message', row='6', ng-model='msg.content', required='')
+    | &#x9;
+    .form-group
+      .col-sm-offset-2.col-sm-10
+        button.btn.btn-default(type='submit', ng-click='send()', ng-disabled='!formMail.$valid') Envoyer
diff --git a/client/app/contact/contact.js b/client/app/contact/contact.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/contact', {
+        title: 'Contact Us',
         templateUrl: 'app/contact/contact.html',
         controller: 'ContactCtrl'
       });

diff --git a/client/app/faq/faq.js b/client/app/faq/faq.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/faq', {
+        title: 'FAQ',
         templateUrl: 'app/faq/faq.html',
         controller: 'FaqCtrl'
       });

diff --git a/client/app/press/press.js b/client/app/press/press.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/press', {
+        title: 'Bitfunding in the Press',
         templateUrl: 'app/press/press.html',
         controller: 'PressCtrl'
       });

diff --git a/client/app/privacypolicy/privacypolicy.js b/client/app/privacypolicy/privacypolicy.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/privacypolicy', {
+        title: 'Privacy Policy',
         templateUrl: 'app/privacypolicy/privacypolicy.html',
         controller: 'PrivacypolicyCtrl'
       });

diff --git a/client/app/tou/tou.js b/client/app/tou/tou.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/tou', {
+        title: 'Terms of Use',
         templateUrl: 'app/tou/tou.html',
         controller: 'TouCtrl'
       });

diff --git a/client/app/whatisbitfunding/whatisbitfunding.js b/client/app/whatisbitfunding/whatisbitfunding.js
@@ -4,6 +4,7 @@ angular.module('bitCrowdFundsApp')
   .config(function ($routeProvider) {
     $routeProvider
       .when('/whatisbitfunding', {
+        title: 'What is Bitfunding',
         templateUrl: 'app/whatisbitfunding/whatisbitfunding.html',
         controller: 'WhatisbitfundingCtrl'
       });

diff --git a/client/index.html b/client/index.html
@@ -114,14 +114,26 @@
           <script src="app/admin/admin.controller.js"></script>
           <script src="app/admin/admin.js"></script>
           <script src="app/admin/adminEditUser/adminEditUser.controller.js"></script>
+          <script src="app/contact/contact.controller.js"></script>
+          <script src="app/contact/contact.js"></script>
+          <script src="app/faq/faq.controller.js"></script>
+          <script src="app/faq/faq.js"></script>
           <script src="app/main/main.controller.js"></script>
           <script src="app/main/main.js"></script>
+          <script src="app/press/press.controller.js"></script>
+          <script src="app/press/press.js"></script>
+          <script src="app/privacypolicy/privacypolicy.controller.js"></script>
+          <script src="app/privacypolicy/privacypolicy.js"></script>
           <script src="app/projects/EditProject/EditProject.controller.js"></script>
           <script src="app/projects/addproject/addproject.controller.js"></script>
           <script src="app/projects/list/projects.controller.js"></script>
           <script src="app/projects/project/project.controller.js"></script>
           <script src="app/projects/projects.js"></script>
           <script src="app/projects/search/search.controller.js"></script>
+          <script src="app/tou/tou.controller.js"></script>
+          <script src="app/tou/tou.js"></script>
+          <script src="app/whatisbitfunding/whatisbitfunding.controller.js"></script>
+          <script src="app/whatisbitfunding/whatisbitfunding.js"></script>
           <script src="components/Project/Project.service.js"></script>
           <script src="components/adminProjectList/adminProjectList.directive.js"></script>
           <script src="components/adminProjectListRight/adminProjectListRight.directive.js"></script>