feat: add create and edit sms-campaign pages (#851)

Fixes: #167 Fixes: #764
2020-07-30 12:14:49 +05:30
parent 571f71192c
commit 3b686863f8
39 changed files with 1966 additions and 112 deletions
@@ -0,0 +1,94 @@
+/** Angular Imports */
+import { Component, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { DatePipe } from '@angular/common';
+
+/** Custom Services */
+import { OrganizationService } from 'app/organization/organization.service';
+
+/** Custom Components */
+import { CampaignMessageStepComponent } from '../sms-campaign-stepper/campaign-message-step/campaign-message-step.component';
+
+/**
+ * Edit Campaign Component
+ */
+@Component({
+  selector: 'mifosx-edit-campaign',
+  templateUrl: './edit-campaign.component.html',
+  styleUrls: ['./edit-campaign.component.scss']
+})
+export class EditCampaignComponent {
+
+  /** smsCampaign */
+  smsCampaign: any;
+  /** SMS Campaign Template */
+  smsCampaignTemplate: any;
+  /** Run report headers */
+  templateParameters: any;
+
+  /** Campaign Message Step */
+  @ViewChild(CampaignMessageStepComponent) campaignMessageStep: CampaignMessageStepComponent;
+
+  /**
+   * Fetches campaign template from `resolve`
+   * @param {ActivatedRoute} route Activated Route
+   * @param {Router} router Router
+   * @param {DatePipe} datePipe Date Pipe
+   * @param {OrganizationService} organizationService Organiztion Service
+   */
+  constructor(private route: ActivatedRoute,
+              private router: Router,
+              private datePipe: DatePipe,
+              private organizationService: OrganizationService) {
+    this.route.data.subscribe((data: { smsCampaign: any, smsCampaignTemplate: any }) => {
+      this.smsCampaignTemplate = data.smsCampaignTemplate;
+      this.smsCampaign = data.smsCampaign;
+      this.smsCampaign.editFlag = true;
+    });
+  }
+
+  /**
+   * Retrieves edited campaign message.
+   */
+  get campaignMessage() {
+    return this.campaignMessageStep.campaignMessage.message;
+  }
+
+  /**
+   * Passes template parameters to campaign-message-step.
+   * @param {any} $event Template parameters
+   */
+  setParameters($event: any) {
+    this.templateParameters = $event;
+  }
+
+  /**
+   * Updates SMS Campaign.
+   */
+  submit() {
+    // TODO: Update once language and date settings are setup
+    const locale = 'en';
+    const dateFormat = 'dd MMMM yyyy';
+    const dateTimeFormat = 'dd MMMM yyyy HH:mm:ss';
+    const smsCampaign: any = {
+      campaignName: this.smsCampaign.campaignName,
+      campaignType: this.smsCampaign.isNotification ? 2 : 1,
+      isNotification: this.smsCampaign.isNotification,
+      triggerType: this.smsCampaign.triggerType.id,
+      providerId: this.smsCampaign.providerId === 0 ? null : this.smsCampaign.providerId,
+      runReportId: this.smsCampaign.runReportId,
+      message: this.campaignMessage,
+      paramValue: JSON.parse(this.smsCampaign.paramValue),
+      dateTimeFormat,
+      dateFormat,
+      locale
+    };
+    if (this.smsCampaign.triggerType.id === 2) {
+      smsCampaign.recurrenceStartDate = this.datePipe.transform(new Date(this.smsCampaign.recurrenceStartDate), dateTimeFormat);
+    }
+    this.organizationService.updateSmsCampaign(smsCampaign, this.smsCampaign.id).subscribe((response: any) => {
+      this.router.navigate(['../'], { relativeTo: this.route });
+    });
+  }
+
+}