Refactored services to become ES6 classes

Author: jadsalhani

angular/index.services.js

@@ -0,0 +1,8 @@
+import {APIService} from './services/API.service';
+import {DialogService} from './services/dialog.service';
+import {ToastService} from './services/toast.service';
+
+angular.module('app.services')
+	.factory('API', APIService)
+	.factory('DialogService', DialogService)
+	.factory('ToastService', ToastService)

angular/services/API.service.js

@@ -1,8 +1,6 @@
-(function() {
-	"use strict";
-
-	angular.module('app.services').factory('API', function(Restangular, ToastService, $localStorage) {
-
+export class APIService {
+	constructor(Restangular, ToastService, $localStorage) {
+		'ngInject';
 		//content negotiation
 		var headers = {
 			'Content-Type': 'application/json',
@@ -26,6 +24,5 @@
 					}
 				});
 		});
-	});
-
-})();
+	}
+}

angular/services/dialog.service.js

@@ -1,45 +1,44 @@
-(function(){
-	"use strict";
-
-	angular.module("app.services").factory('DialogService', function($mdDialog){
-
-		return {
-			fromTemplate: function(template, options){
-				if ( !template ){
-					return false;
-				}
-
-				if ( !options ){
-					options = {};
-				}
-
-				options.templateUrl = './views/dialogs/' + template + '/' + template + '.html'
-
-				return $mdDialog.show(options);
-			},
-
-			hide: function(){
-				return $mdDialog.hide();
-			},
-
-			alert: function(title, content){
-				$mdDialog.show(
-					$mdDialog.alert()
-						.title(title)
-						.content(content)
-						.ok('Ok')
-				);
-			},
-
-			confirm: function(title, content) {
-				return $mdDialog.show(
-					$mdDialog.confirm()
-						.title(title)
-						.content(content)
-						.ok('Ok')
-						.cancel('Cancel')
-				);
-			}
-		};
-	});
-})();
+export class DialogService {
+	constructor($mdDialog) {
+		'ngInject';
+
+		this.$mdDialog = $mdDialog
+	}
+
+	fromTemplate(template, options) {
+		if (!template) {
+			return false;
+		}
+
+		if (!options) {
+			options = {};
+		}
+
+		options.templateUrl = './views/dialogs/' + template + '/' + template + '.html'
+
+		return this.$mdDialog.show(options);
+	}
+
+	hide() {
+		return this.$mdDialog.hide();
+	}
+
+	alert(title, content) {
+		this.$mdDialog.show(
+			this.$mdDialog.alert()
+			.title(title)
+			.content(content)
+			.ok('Ok')
+		);
+	}
+
+	confirm(title, content) {
+		return this.$mdDialog.show(
+			this.$mdDialog.confirm()
+			.title(title)
+			.content(content)
+			.ok('Ok')
+			.cancel('Cancel')
+		);
+	}
+}

angular/services/toast.service.js

@@ -1,40 +1,40 @@
-(function(){
-	"use strict";
+export class ToastService {
+	constructor($mdToast) {
+		'ngInject';
 
-	angular.module("app.services").factory('ToastService', function($mdToast){
+		this.$mdToast = $mdToast;
 
-		var delay = 6000,
-			position = 'top right',
-			action = 'OK';
+		this.delay = 6000;
+		this.position = 'top right';
+		this.action = 'OK';
+	}
 
-		return {
-			show: function(content){
-				if (!content){
-					return false;
-				}
+	show(content) {
+		if (!content) {
+			return false;
+		}
 
-				return $mdToast.show(
-					$mdToast.simple()
-						.content(content)
-						.position(position)
-						.action(action)
-						.hideDelay(delay)
-				);
-			},
-			error: function(content){
-				if (!content){
-					return false;
-				}
+		return this.$mdToast.show(
+			this.$mdToast.simple()
+			.content(content)
+			.position(this.position)
+			.action(this.action)
+			.hideDelay(this.delay)
+		);
+	}
 
-				return $mdToast.show(
-					$mdToast.simple()
-						.content(content)
-						.position(position)
-						.theme('warn')
-						.action(action)
-						.hideDelay(delay)
-				);
-			}
-		};
-	});
-})();
+	error(content) {
+		if (!content) {
+			return false;
+		}
+
+		return this.$mdToast.show(
+			this.$mdToast.simple()
+			.content(content)
+			.position(this.position)
+			.theme('warn')
+			.action(this.action)
+			.hideDelay(this.delay)
+		);
+	}
+}