Add Angular frontend - live Firehose sessionlive-firehose-project-mentor-session-20160221

Live coding session with @danyline. Add complete Angular frontend.

1 files changed, 60 insertions, 0 deletions

diff --git a/app/assets/javascripts/services/notes.js b/app/assets/javascripts/services/notes.js
new file mode 100644
index 0000000..8c864a9
--- /dev/null
+++ b/app/assets/javascripts/services/notes.js
@@ -0,0 +1,60 @@
+(function(angular) {
+	angular
+		.module('nt.NotesService', [
+			'ngResource'
+		])
+		.service('NotesService', [
+			'$resource',
+			function($resource) {
+				var Note = $resource('/notes/:id.json',
+					{ id: '@id' },
+					{
+						update: {
+							method: 'PUT'
+						}
+					});
+				
+				this.current_note = null;
+				
+				// Get all notes
+				this.fetch = function() {
+					this.notes = Note.query();
+					
+					return this.notes.$promise;
+				};
+				
+				this.open = function(note) {
+					this.current_note = note;
+				};
+				
+				this.update = function() {
+					this.current_note.$update();
+				};
+				
+				this.create = function() {
+					if (this.new_note_title) {
+						Note.save(
+							{
+								title: this.new_note_title,
+								body: ''
+							},
+							(response) => {
+								delete this.new_note_title;
+								this.show_create_buttons = false;
+								this.fetch().then(() => {
+									this.current_note = this.notes.find((el) => {
+										return el.id === response.id;
+									});
+								});
+							}
+						)
+					}
+				};
+				
+				this.delete = function(note) {
+					this.notes.splice(this.notes.indexOf(note), 1);
+					note.$delete();
+				};
+			}
+		]);
+})(window.angular);