added express-angular-mongo example content

Author: Nathan Grunzweig

README.md

@@ -1,2 +1,25 @@
-# express-angular-mongo
-codefresh labs express-angular-mongo example
+# Express-Angular-Mongo App
+
+A express node.js app built with Angular and MongoDB. For demonstration purposes and a tutorial.
+
+Node provides the RESTful API. Angular provides the frontend and accesses the API, MongoDB provide NoSQL database.
+
+## Example
+
+The example allow you to see how those 3 great technologies / tools works together,
+
+and how easy it to build amazing apps this way.
+
+### What to do?
+
+Simply add new contact and see how you can deal with the basics of inserting, editing and deleting easily.
+
+## App run
+
+Click on the 'Play' button at the top toolbar.
+
+## App view
+
+View in browser at [http://localhost:9090](http://localhost:9090)
+
+![Express-angular-mongo](http://i.imgur.com/DKxrGT0.png)

app.js

@@ -0,0 +1,29 @@
+/*eslint-env node */
+
+// set up ======================================================================
+var express  = require('express');
+var app      = express(); 								// create our app w/ express
+var port  	 = process.env.PORT || 9090; 
+var mongoose = require('mongoose'); 					// mongoose for mongodb				// set the port
+var database = require('./config/database'); 			// load the database config
+
+var morgan = require('morgan'); 		// log requests to the console (express4)
+var bodyParser = require('body-parser'); 	// pull information from HTML POST (express4)
+var methodOverride = require('method-override'); // simulate DELETE and PUT (express4)
+
+// configuration ===============================================================
+mongoose.connect(database.url); 	// connect to mongoDB database on modulus.io
+
+app.use(express.static(__dirname + '/public')); 				// set static path
+app.use(morgan('dev')); 										// log every request to the console
+app.use(bodyParser.urlencoded({'extended':'true'})); 			// parse application/x-www-form-urlencoded
+app.use(bodyParser.json()); 									// parse application/json
+app.use(bodyParser.json({ type: 'application/vnd.api+json' })); // parse application/vnd.api+json as json
+app.use(methodOverride());
+
+// routes 
+require('./app/routes.js')(app);
+
+
+app.listen(port);
+console.log("App listening on port " + port);

app/models/contacts.js

@@ -0,0 +1,9 @@
+/*eslint-env node */
+
+var mongoose = require('mongoose');
+
+module.exports = mongoose.model('Contact', {
+	name : String,
+	email: String,
+	done : Boolean
+});

app/routes.js

@@ -0,0 +1,87 @@
+/*eslint-env node */
+
+var Contact = require('./models/contacts');
+
+module.exports = function(app) {
+	/* API */
+
+	// get all contacts
+	app.get('/api/contacts', function(req, res) {
+
+		// mongoose get all contacts
+		Contact.find(function(err, contacts) {
+
+			// send an error
+			if (err)
+				res.send(err)
+
+			res.json(contacts); // return all contacts
+		});
+	});
+
+	// get contact form data and dave it
+	app.post('/api/contact', function(req, res) {
+
+		// insert new contact			
+		Contact.create({
+			name : req.body.form_data.name,
+			email: req.body.form_data.email,
+			done : false
+		}, function(err, contact) {
+			if (err)
+				res.send(err);
+
+			Contact.find(function(err, contacts) {
+				if (err)
+					res.send(err);
+
+				var congrats = "Congrats "+req.body.form_data.name+"! ";
+				res.send({status:congrats + " Your form has been sent!"});
+			});
+		});
+
+	});
+
+	// contact update
+	app.put('/api/contact:contact_id', function(req, res) {
+		var id = req.params.contact_id;
+		console.log("Saving contact: " + id);
+
+		Contact.findById(id , function(err, contact) {
+			if (err)
+				res.send(err);
+
+			// fields that can be updated:
+			contact.name = req.body.name ? req.body.name : contact.name;
+			contact.email = req.body.email ? req.body.email : contact.email;
+
+			contact.save(function(err) {
+				if (err)
+					res.send(err);
+
+				res.send({status:"ok"});
+			});
+		});
+	});
+
+	// contact delete
+	app.delete('/api/contact:contact_id', function(req, res) {
+		var id = req.params.contact_id;
+		console.log("Deleting contact: " + id);
+		Contact.remove({
+			_id : id
+		}, function(err, contact) {
+			if (err)
+				res.send(err);
+
+			res.send({status:"ok"});
+		});
+	});
+
+
+	/* APPLICATION */
+	app.get('*', function(req, res) {
+		// load index.html otherwise
+		res.sendfile('./public/index.html');
+	});
+};

config/database.js

@@ -0,0 +1,6 @@
+/*eslint-env node */
+
+module.exports = {
+	// mongo database connection url
+	url : 'mongodb://localhost/express_angular_mongo_demo'
+};

launchConfigurations/node.launch

@@ -0,0 +1,15 @@
+{
+	"Name": "express-angular-mongo",
+	"ServiceId":"io.codefresh.orion.client.node.runner", 
+	"Params": {
+		"Name" : "Run",
+		"Target" : {
+			"Cmd": "node start",
+			"Module": "app.js",
+			"Space": "Node"
+		}
+	}, 
+	"Url":"http://localhost:9090/", 
+	"Path":"", 
+	"Type":"NodeRunner"
+}

package.json

@@ -0,0 +1,14 @@
+{
+  "name"         : "express-angular-mongo",
+  "version"      : "0.0.0",
+  "description"  : "Simple express angular and mongo application.",
+  "main"         : "app.js",
+  "author"       : "aviad@codefresh.io",
+  "dependencies" : {
+    "express"    : "~4.7.2",
+    "mongoose"   : "~3.6.2",
+    "morgan"	 : "~1.2.2",
+	"body-parser": "~1.5.2",
+	"method-override": "~2.1.2"
+  }
+}

project.json

@@ -0,0 +1,5 @@
+{
+	"Url":"",
+	"Name":"express-angular-mongo",
+	"Description":"NodeJs example includes AngularJS and Mongo DB"
+}

public/app.js

@@ -0,0 +1,72 @@
+/*eslint-env browser */
+
+var expressAngular = angular.module('expressAngular', []);
+
+function mainController($scope, $http) {
+	$scope.loading = false;
+	$scope.status = "";
+
+	$scope.contacts = [];
+	$scope.edit_flag = [];
+	$scope.loadContacts = loadContacts = function() {
+		$http.get('/api/contacts').
+		success(function(data, status, headers, config) {
+			$scope.contacts = data;
+				var c = 0;
+				for(i in data) {
+					$scope.edit_flag[c] = false;
+				}
+		}).
+		error(function(data, status, headers, config) {
+			// do something
+		});
+	};
+
+
+	// send form data
+	$scope.contactSend = function() {
+		$scope.loading = true;
+		$http.post('/api/contact', {form_data:this.data}).
+			success(function(data, status, headers, config) {
+				$scope.loading = false;
+				$scope.status = data.status;
+				$scope.status_class = "bg-info";
+				loadContacts();
+			}).
+			error(function(data, status, headers, config) {
+				$scope.loading = false;
+				$scope.status = "Error - " + data;
+				$scope.status_class = "bg-danger";
+			});
+	};
+
+	$scope.saveContact = function(index) {
+		var contact = $scope.contacts[index];
+		$scope.edit_flag[index] = false;
+		$http.put('/api/contact' + contact._id, contact)
+		.success(function(data) {
+			loadContacts();
+		})
+		.error(function(data) {
+			console.log('Error: ' + data);
+		});
+	};
+
+
+
+	$scope.deleteContact = function(index) {
+
+		var contact_id = $scope.contacts[index]._id;
+
+		$http.delete('/api/contact' + contact_id)
+		.success(function(data) {
+			loadContacts();
+		})
+		.error(function(data) {
+			console.log('Error: ' + data);
+		});
+	};
+
+
+
+}