Step 5.4: Create new chat service

client/scripts/services/new-chat.service.js

@@ -0,0 +1,31 @@
+import { Service } from 'angular-ecmascript/module-helpers';
+
+import newChatTemplateUrl from '../../templates/new-chat.html';
+
+export default class NewChatService extends Service {
+  constructor() {
+    super(...arguments);
+
+    this.templateUrl = newChatTemplateUrl;
+  }
+
+  showModal() {
+    this.scope = this.$rootScope.$new();
+
+    this.$ionicModal.fromTemplateUrl(this.templateUrl, {
+      scope: this.scope
+    })
+    .then((modal) => {
+      this.modal = modal;
+      this.modal.show();
+    });
+  }
+
+  hideModal() {
+    this.scope.$destroy();
+    this.modal.remove();
+  }
+}
+
+NewChatService.$name = 'NewChat';
+NewChatService.$inject = ['$rootScope', '$ionicModal'];