Advertisement
Guest User

Untitled

a guest
Nov 26th, 2014
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.68 KB | None | 0 0
  1. // contact controller
  2. eventApp.controller('contactController', ['$scope', '$http', function($scope, $http) {
  3. $scope.obj = {
  4. val1: 'personName',
  5. val2: 'email',
  6. val3: 'subject',
  7. val4: 'emailMessage'
  8. };
  9. $scope.sendMessage = function(obj) {
  10. var string = '#/path/' + $scope[obj.val1] + '/' + $scope[obj.val2] + '/' + $scope[obj.val3] + '/' + $scope[obj.val4];
  11. //$scope.debug.val = string;
  12. console.log(obj);
  13. };
  14. }]);
  15.  
  16. Object {val1: "personName", val2: "email", val3: "subject", val4: "emailMessage"}
  17.  
  18. <!-- partial-contact.html -->
  19. <div class="row">
  20. <div class="col-sm-8 col-sm-offset-2">
  21. <div id="form-container">
  22. <!-- Contact Heading -->
  23. <div class="page-header text-center">
  24. <h1><i class="fa fa-comment"></i> Kontakt</h1>
  25. <p>Ved spørsmål skriv ein epost i kontaktskjemaet under.</p>
  26. </div>
  27. <!-- Form -->
  28. <!-- use ng-submit to catch the form submission and use our Angular function -->
  29. <form id="contactForm" name="contactForm" novalidate ng-submit="contactForm()" ng-controller="contactController" method="post">
  30. <!-- Name -->
  31. <div class="input-group margin-bottom-sm">
  32. <span class="input-group-addon"><i class="fa fa-user"></i></span>
  33. <input id="personName" class="form-control" type="text" name="personName" ng-model="contactData.personName" placeholder="Namn *" required />
  34. </div>
  35. <!-- Email -->
  36. <div class="input-group margin-bottom-sm">
  37. <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
  38. <input id="email" class="form-control" type="email" name="email" ng-model="contactData.email" placeholder="Epost *" required />
  39. </div>
  40. <!-- Subject -->
  41. <div class="input-group">
  42. <span class="input-group-addon"><i class="fa fa-info"></i></span>
  43. <input id="subject" class="form-control" type="text" name="subject" ng-model="contactData.subject" placeholder="Emne *" required />
  44. </div>
  45. <!-- Email Message & Button -->
  46. <div class="input-group">
  47. <div class="input-group-btn">
  48. <!-- Email Message -->
  49. <textarea id="emailMessage" type="text" class="form-control" name="emailMessage" ng-model="contactData.emailMessage" ng-minlength=10 ng-maxlength=300 placeholder="Melding..." required></textarea>
  50. <!-- Button -->
  51. <button id="submit" type="submit" class="btn btn-primary" ng-click="sendMessage(obj)"><i class="fa fa-angle-double-right"></i></button>
  52. </div>
  53. </div>
  54. <br>
  55. </form>
  56. </div>
  57. </div>
  58. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement