made email from work

biomed-frontend/bower.json

@@ -12,6 +12,7 @@
     "masonry": "~3.1.5",
     "angular-masonry": "~0.9.1",
     "imagesloaded": "~3.1.8",
-    "jquery-colorbox": "~1.5.14"
+    "jquery-colorbox": "~1.5.14",
+    "angular-foundation": "~0.4.0"
   }
 }

biomed-frontend/gulpfile.js

@@ -30,6 +30,8 @@ gulp.task('vendor', function() {
             'vendor/angular-resource/angular-resource.js',
             'vendor/angular-sanitize/angular-sanitize.js',
             'vendor/angular-ui-router/release/angular-ui-router.js',
+            'vendor/angular-foundation/mm-foundation.min.js',
+            'vendor/angular-foundation/mm-foundation-tpls.min.js',
             'vendor/lodash/dist/lodash.js',
             'vendor/masonry/dist/masonry.pkgd.js',
             'vendor/angular-masonry/angular-masonry.js',
@@ -47,7 +49,7 @@ gulp.task('js', function() {
         .pipe(sourcemaps.init())
         .pipe(templates({ standalone: true }));
 
-    var js = gulp.src(['src/**/imdex.js', 'src/**/*.js'])
+    var js = gulp.src(['src/**/index.js', 'src/**/*.js'])
         .pipe(plumber())
         .pipe(sourcemaps.init())
         .pipe(concat('src.js'))

biomed-frontend/src/app/controllers.js

@@ -0,0 +1,32 @@
+angular.module('biomed-frontend')
+.controller('NavCtrl', function($scope, $modal) {
+
+	$scope.showEmail = function() {
+		var modalInstance = $modal.open({
+			templateUrl: 'app/email.html',
+			controller: 'EmailCtrl'			
+		});
+	}
+
+})
+.controller('EmailCtrl', function($scope, $http, $modalInstance) {
+
+	$scope.model = {};
+
+    $scope.send = function() {
+    	console.log($scope.model);
+
+        $http.post('/api/email', $scope.model)
+            .success(function() {
+            	$modalInstance.close();
+            })
+            .error(function() {
+            	$modalInstance.close();
+            });
+    };
+
+    $scope.close = function() {
+    	$modalInstance.close();
+    }
+
+});

biomed-frontend/src/app/email.html

@@ -0,0 +1,32 @@
+<div id="emailModal" class="tiny">
+    <div class="row">
+        <div class="large-12 columnns">
+            <div class="small-12 columns">
+            <h2>Email us:</h2>
+            </div>
+        </div>
+    </div>
+
+    <form data-abide ng-submit="send()">
+        <div class="name-field">
+            <label>Your name <small>required</small>
+               <input type="text" required pattern="[a-zA-Z]+" ng-model="model.name">
+            </label>
+            <small class="error">Name is required and must be a string.</small>
+        </div>
+        <div class="email-field">
+            <label>Email <small>required</small>
+                <input type="email" required ng-model="model.email">
+            </label>
+            <small class="error">An email address is required.</small>
+        </div>
+        <div>
+            <label>Message
+                <textarea ng-model="model.message"></textarea>
+            </label>
+        </div>
+        <button type="submit">Submit</button>
+    </form>
+
+    <a class="close()">×</a>
+</div>

biomed-frontend/src/app/index.js

@@ -3,8 +3,8 @@ angular.module('biomed-frontend', [
     'ui.router',
     'ngResource',
     'angular-loading-bar',
-    'wu.masonry'
-
+    'wu.masonry',
+    'mm.foundation'
 ])
 .factory('Posts', function($resource) {
 	return $resource('/api/v1/posts/:_id',
@@ -56,4 +56,4 @@ angular.module('biomed-frontend', [
             	});
             }
         });
-});
+})

biomed-frontend/src/app/layout.html

@@ -1,6 +1,6 @@
 <!--Top Bar -->
 <div class="fixed">
-    <nav class="top-bar" data-topbar>
+    <nav class="top-bar" data-topbar ng-controller="NavCtrl">
         <ul class="title-area">
             <!-- Title Area -->
             <li class="name">
@@ -21,7 +21,7 @@
                 </li>
                 <li class="divider"></li>
                 <li>
-                    <a href="#" data-reveal-id="emailModal">Email us</a>
+                    <a ng-click="showEmail()">Email us</a>
                 </li>
                 <li class="divider"></li>
                 <li>
@@ -36,40 +36,7 @@
     </nav>
 </div>
 <!--Reveals-->
-<div id="emailModal" class="reveal-modal tiny" data-reveal>
-        <div class="row">
-            <div class="large-12 columnns">
-                <div class="small-12 columns">
-                <h2>Email us:</h2>
-                </div>
-            </div>
-        </div>
 
-
-        <form data-abide>
-            <div class="name-field">
-                <label>Your name <small>required</small>
-                   <input type="text" required pattern="[a-zA-Z]+">
-                </label>
-                <small class="error">Name is required and must be a string.</small>
-            </div>
-            <div class="email-field">
-                <label>Email <small>required</small>
-                    <input type="email" required>
-                </label>
-                <small class="error">An email address is required.</small>
-            </div>
-            <div>
-                <label>Message
-                    <textarea></textarea>
-                </label>
-            </div>
-            <button type="submit">Submit</button>
-        </form>
-
-
-        <a class="close-reveal-modal">×</a>
-    </div>
     <div id="contactModal" class="reveal-modal small" data-reveal>
         <div class="row">
             <div class="medium-12 columns">