ChurchAngular/src/app/cell-group/prayer/prayer.component.ts
Chris Chen b46392bc41 WIP
2024-03-21 17:47:13 -07:00

115 lines
4.4 KiB
TypeScript

import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { NbToastrService } from '@nebular/theme';
import { first } from 'rxjs/operators';
import { BindingHelper } from '../../entity/BindingHelper';
import { CellGroupRoutineEvents, CellGroupRoutineEventPrayer, CellGroupRoutineEventAttendee } from '../../entity/CellGroupRoutineEvents';
import { AuthService } from '../../services/auth.service';
import { CellGroupRoutineEventsService } from '../../services/crudServices/cell-group-routine-events.service';
import { PastoralDomainService } from '../../services/crudServices/pastoral-domain.service';
import { HeaderService } from '../../services/header.service';
import { LineService } from '../../services/line.service';
import { LoginUserService } from '../../services/login-user.service';
import { MsgBoxService } from '../../services/msg-box.service';
import { SessionService } from '../../services/session.service';
import { StateService } from '../../services/state.service';
import { DateUtils } from '../../utilities/date-utils';
import { NumberUtils } from '../../utilities/number-utils';
import { DinnerInfo } from '../dinner/dinner.component';
import { MyAppBase } from '../MyAppBase';
@Component({
selector: 'ngx-prayer',
templateUrl: './prayer.component.html',
styleUrls: ['./prayer.component.scss']
})
export class PrayerComponent extends MyAppBase {
constructor(
private cellGroupRoutineEventsService: CellGroupRoutineEventsService,
private toastrService: NbToastrService,
private cdRef: ChangeDetectorRef,
private loginUserService: LoginUserService,
private authService: AuthService,
protected stateService: StateService,
protected route: ActivatedRoute,
protected pastoralDomainService: PastoralDomainService
) {
super(stateService, route, pastoralDomainService);
}
cellGroupEvent: CellGroupRoutineEvents;
data: CellGroupRoutineEventPrayer;
prayer: BindingHelper<string>;
isLoading: boolean = true;
processing: boolean = false;
pageOnInit(): void {
this.stateService.SetPageTitle("禱告中心");
this.getAllData();
}
getAllData() {
this.isLoading = true;
this.cellGroupRoutineEventsService.getLastEvent().pipe(first()).subscribe(result => {
this.cellGroupEvent = result;
this.data = this.cellGroupEvent.prayers.find(a => a.memberId == this.loginUserService.userAccess.memberId);
if (!this.data) {
this.data = new CellGroupRoutineEventPrayer(this.cellGroupEvent.id, this.loginUserService.userAccess.memberId);
this.cellGroupEvent.prayers.push(this.data);
this.prayer = new BindingHelper(['']);
} else {
this.prayer = new BindingHelper(this.data.prayer.split("|"));
}
this.cdRef.detectChanges();
this.isLoading = false;
});
}
update(): void {
this.processing = true;
this.data.prayer = this.prayer.getValue().join('|');
this.cellGroupRoutineEventsService.createOrUpdatePrayer(this.data).pipe(first()).subscribe(result => {
this.processing = false;
this.toastrService.success('禱告事項更新完成!');
// let message =
// `再過 ${NumberUtils.FormatNumber(DateUtils.getIntervalMinutes(new Date(), this.cellGroupEvent.time))} 分鐘就是萬眾期待的小組晚宴啦!!!` + "\n" +
// `${DateUtils.format(this.cellGroupEvent.time, 'MM/dd hh:mm aa')} 準時開飯唷~` + "\n" +
// "======= 晚宴清單 =======" + "\n";
// let comment = "";
// for (let i = 0; i < this.cellGroupEvent.attendees.length; i++) {
// const attendees = this.cellGroupEvent.attendees[i];
// message += `${attendees.name} - ${attendees.potluckItem.split('|').join(", ")}` + "\n";
// if (attendees.comment) {
// comment += `${attendees.name} : ${attendees.comment}` + "\n";
// }
// }
// if (comment) {
// message += "\n======= 備註 =======" + "\n" + comment;
// }
// message += "\n請使用方舟晚宴系統新增菜單唷!" + "\n" + "https://happiness.tours/CellGroup/dinner?openExternalBrowser=1"
// this.lineService.pushLineMessage(message);
});
}
addPrayer() {
if (this.prayer.length > 1) {
this.prayer.list = this.prayer.list.filter(d => !!d.value);
}
this.prayer.push('');
this.cdRef.detectChanges();
}
logout() {
this.authService.logout();
}
}