feat: add edit template component (#1183)

Fixes: #702
Co-authored-by: Benura Abeywardena <benuraab@gmail.com>

src/app/templates/common-resolvers/edit-template.resolver.ts

@@ -0,0 +1,31 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { TemplatesService } from '../templates.service';
+
+/**
+ * Edit Template data resolver.
+ */
+@Injectable()
+export class EditTemplateResolver implements Resolve<Object> {
+
+  /**
+   * @param {TemplatesService} templatesService Templates service.
+   */
+  constructor(private templatesService: TemplatesService) {}
+
+  /**
+   * Returns the template data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const templateId = route.paramMap.get('id');
+    return this.templatesService.getEditTemplateData(templateId);
+  }
+
+}

src/app/templates/common-resolvers/template.resolver.ts

@@ -0,0 +1,31 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { TemplatesService } from '../templates.service';
+
+/**
+ * Template data resolver.
+ */
+@Injectable()
+export class TemplateResolver implements Resolve<Object> {
+
+  /**
+   * @param {TemplatesService} templatesService Templates service.
+   */
+  constructor(private templatesService: TemplatesService) {}
+
+  /**
+   * Returns the Template data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const templateId = route.paramMap.get('id');
+    return this.templatesService.getTemplate(templateId);
+  }
+
+}

src/app/templates/common-resolvers/templates.resolver.ts

@@ -0,0 +1,30 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { TemplatesService } from '../templates.service';
+
+/**
+ * Templates data resolver.
+ */
+@Injectable()
+export class TemplatesResolver implements Resolve<Object> {
+
+  /**
+   * @param {TemplatesService} templatesService Templates service.
+   */
+  constructor(private templatesService: TemplatesService) {}
+
+  /**
+   * Returns the templates data.
+   * @returns {Observable<any>}
+   */
+  resolve(): Observable<any> {
+    return this.templatesService.getTemplates();
+  }
+
+}