\n
","import { Component, OnInit } from '@angular/core';\nimport { Router, RouterOutlet } from '@angular/router';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-activity-overview-page',\n templateUrl: './activity-overview-page.component.html',\n styleUrls: ['./activity-overview-page.component.scss'],\n animations: [PortalAnimation.ActivityPageSlide]\n})\nexport class ActivityOverviewPageComponent implements OnInit {\n\n tab: string = \"request\";\n\n constructor(\n private router: Router,\n ) { }\n\n ngOnInit(): void {\n this.router.events.subscribe(() => {\n if (this.router.url == \"/main/activity/overview/event\") {\n this.tab = \"event\";\n }\n else {\n this.tab = \"request\";\n }\n });\n }\n\n prepareRoute(outlet: RouterOutlet) {\n return outlet && outlet.activatedRouteData && outlet.activatedRouteData['animationState'];\n }\n}\n","\n
\n\n 請求/訂單
\n/
\n創建請求
\n/
\n用戶請求
\n中心活動
\n創建請求
\n\n\n
\n\n
\n 用戶請求
\n中心活動
\n\n
\n \n
\n \n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AnalysisPageComponent } from './pages/analysis-page/analysis-page.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { BalanceAnalysisComponent } from './components/balance-analysis/balance-analysis.component';\nimport { ApplicationAnalysisComponent } from './components/application-analysis/application-analysis.component';\nimport { SuccessRateAnalysisComponent } from './components/success-rate-analysis/success-rate-analysis.component';\nimport { ChartAnalysisComponent } from './components/chart-analysis/chart-analysis.component';\nimport { InactiveUserAnalysisComponent } from './components/inactive-user-analysis/inactive-user-analysis.component';\nimport { ServiceRatioAnalysisComponent } from './components/service-ratio-analysis/service-ratio-analysis.component';\nimport { UserRankingAnalysisComponent } from './components/user-ranking-analysis/user-ranking-analysis.component';\nimport { ShareModule } from 'src/app/modules/share/share.module';\nimport { CellGroupDataAnalysisComponent } from './components/cell-group-data-analysis/cell-group-data-analysis.component';\n\nconst routes: Routes = [\n { path: 'report', component: AnalysisPageComponent },\n]\n\n@NgModule({\n declarations: [\n AnalysisPageComponent,\n BalanceAnalysisComponent,\n ApplicationAnalysisComponent,\n SuccessRateAnalysisComponent,\n ChartAnalysisComponent,\n InactiveUserAnalysisComponent,\n ServiceRatioAnalysisComponent,\n UserRankingAnalysisComponent,\n CellGroupDataAnalysisComponent\n ],\n imports: [\n CommonModule,\n TranslateModule.forChild(),\n RouterModule.forChild(routes),\n FormsModule,\n ReactiveFormsModule,\n MatTooltipModule,\n MatDatepickerModule,\n ShareModule\n ],\n exports: [\n BalanceAnalysisComponent,\n ApplicationAnalysisComponent,\n SuccessRateAnalysisComponent\n ]\n})\nexport class AnalyticsModule { }\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { DailyRequestCount } from 'src/app/models/analytics/daily-request-count';\nimport { AnalyticsService } from 'src/app/services/analytics/analytics.service';\nimport { Chart, CategoryScale, LinearScale, LineController, PointElement, LineElement, ChartOptions, ChartConfiguration, ChartData, Filler, Tooltip } from 'chart.js';\n\n@Component({\n selector: 'app-application-analysis',\n templateUrl: './application-analysis.component.html',\n styleUrls: ['./application-analysis.component.scss']\n})\nexport class ApplicationAnalysisComponent implements AfterViewInit {\n\n chart!: Chart;\n dailyRequestCounts: DailyRequestCount[] = [];\n @Input() form!: FormControl;\n\n @ViewChild('graph') graph!: ElementRef;\n context!: CanvasRenderingContext2D;\n\n constructor(\n private analyticsService: AnalyticsService\n ) { }\n\n ngAfterViewInit(): void {\n Chart.register(CategoryScale, LinearScale, LineController, PointElement, LineElement, Filler, Tooltip);\n\n this.context = (\n
\n\n 活動
\n/
\n義工服務
\n中心活動
\n義工服務
\n中心活動
\n\n\n
\n\n\n
\n 義工服務
\n中心活動
\n\n
\n \n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { forkJoin } from 'rxjs';\nimport { AnalyticsService } from 'src/app/services/analytics/analytics.service';\n\n@Component({\n selector: 'app-balance-analysis',\n templateUrl: './balance-analysis.component.html',\n styleUrls: ['./balance-analysis.component.scss']\n})\nexport class BalanceAnalysisComponent implements OnInit {\n //Total\n public totalTimeBalance: number = 0;\n public averageTimeBalance: number = 0;\n\n //Request\n public requestTotalTimeBalance: number = 0;\n public requestAverageTimeBalance: number = 0;\n\n //Event\n public eventTotalTimeBalance: number = 0;\n public eventAverageTimeBalance: number = 0;\n\n @Input() form!: FormControl;\n\n constructor(\n private analyticsService: AnalyticsService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n\n this.form.valueChanges.subscribe(value => {\n this.fetch(value);\n });\n }\n\n fetch(centerUUId?: string) {\n forkJoin({\n totalTimeBalance: this.analyticsService.getTotalTimeBalance(centerUUId),\n averageTimeBalance: this.analyticsService.getAverageTimeBalance(centerUUId),\n requestTotalTimeBalance: this.analyticsService.getRequestTotalTimeBalance(centerUUId),\n requestAverageTimeBalance: this.analyticsService.getRequestAverageTimeBalance(centerUUId),\n eventTotalTimeBalance: this.analyticsService.getEventTotalTimeBalance(centerUUId),\n eventAverageTimeBalance: this.analyticsService.getEventAverageTimeBalance(centerUUId)\n }).subscribe(value => {\n this.totalTimeBalance = value.totalTimeBalance;\n this.averageTimeBalance = value.averageTimeBalance;\n this.requestTotalTimeBalance = value.requestTotalTimeBalance;\n this.requestAverageTimeBalance = value.requestAverageTimeBalance;\n this.eventTotalTimeBalance = value.eventTotalTimeBalance;\n this.eventAverageTimeBalance = value.eventAverageTimeBalance;\n });\n }\n\n}\n","\n
\n\n 申請量
\n info\n{{ totalRequestCount }}
\n\n\n \n
\n\n \n\n \n
\n日申請量
\n{{ averageRequestCount | number:'1.0-0' }}
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Center } from 'src/app/models/centers/center';\nimport { AnalyticsService } from 'src/app/services/analytics/analytics.service';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { EventType } from 'src/app/models/event-types/event-type';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { ServiceService } from 'src/app/services/service/service.service';\nimport { forkJoin } from 'rxjs';\nimport { EventTypeService } from 'src/app/services/event-type/event-type.service';\nimport { finalize } from 'rxjs/operators';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n@Component({\n selector: 'app-cell-group-data-analysis',\n templateUrl: './cell-group-data-analysis.component.html',\n styleUrls: ['./cell-group-data-analysis.component.scss']\n})\nexport class CellGroupDataAnalysisComponent implements OnInit {\n\n\n @Input() form!: FormControl;\n @Input() centers!: Center[];\n\n start: FormControl = new FormControl(null);\n end: FormControl = new FormControl(null);\n ServiceType: FormControl = new FormControl(null);\n\n ServiceTypes!:{name:string,uuId:string}[];\n EventTypes!:EventType[]\n StateType: string = \"All\";\n dataType: string = \"Request\";\n centerUUId?: string;\n Max:number=0;\n TypeList!:{name:string,value:string}[];\n \n Cell_group_list:{ cellGourpName: string, NumOfTime: number|undefined , NumOfPoeper: number|undefined}[]= [{ cellGourpName: \"Name\", NumOfTime: 10 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 20 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 30 , NumOfPoeper: 11},\n { cellGourpName: \"Name\", NumOfTime: 40 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 50 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 60 , NumOfPoeper: 11},\n { cellGourpName: \"Name\", NumOfTime: 70 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 80 , NumOfPoeper: 11},{ cellGourpName: \"Name\", NumOfTime: 90 , NumOfPoeper: 11}]\n constructor( \n private analyticsService: AnalyticsService,\n private exportService:ExportService,\n private serviceService:ServiceService,\n private eventTypeService:EventTypeService,\n private loadingService:LoadingService) { }\n\n ngOnInit(): void {\n \n this.loadingService.startLoading();\n forkJoin({\n eventTypes: this.eventTypeService.getEventTypeList(),\n serviceType: this.serviceService.getServiceTypeList()\n }).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.EventTypes = value.eventTypes;\n this.ServiceTypes=[];\n value.serviceType.forEach((st)=>{\n st.services.forEach( s=>this.ServiceTypes.push({name:s.name,uuId:s.uuId}))\n })\n \n console.log(value.serviceType);\n this.fetch();\n });\n }\n ngAfterViewInit(): void {\n \n this.form.valueChanges.subscribe(value => {\n this.centerUUId=value;\n this.fetch();\n });\n\n }\n dateformat(data:Date){\n return data.getFullYear()+\"-\"+(data.getMonth()+1<10?\"0\":\"\")+(data.getMonth()+1)+\"-\"+(data.getDate()<10?\"0\":\"\")+(data.getDate());\n }\n fetch(): void {\n if(this.dataType == 'Request'){\n this.TypeList= this.ServiceTypes.map(item=> ({name:item.name,value:item.uuId}));\n }else\n this.TypeList= this.EventTypes.map(item=> ({name:item.name,value:item.uuId}));\n var start=!this.start.value?undefined:this.dateformat(this.start.value);\n var end=!this.end.value?undefined:this.dateformat(this.end.value);\n this.analyticsService.getCellGroupData(start,end,this.dataType,this.StateType,this.ServiceType.value,this.centerUUId)\n .subscribe(value => {\n this.Cell_group_list=[];\n this.Max=0;\n this.centers.forEach(element => {\n element.cellGroups.forEach(item=>{\n var a={\n cellGourpName:item.name,\n NumOfTime:value.numOfTime.find(v=>v.index==item.uuId)?value.numOfTime.find(v=>v.index==item.uuId)?.value:0,\n NumOfPoeper:value.numOfUser.find(v=>v.index==item.uuId)?value.numOfUser.find(v=>v.index==item.uuId)?.value:0\n };\n this.Cell_group_list.push(a);\n this.Max=Math.max(typeof a.NumOfTime==\"undefined\"?0:a.NumOfTime,this.Max)\n })\n });\n });\n }\n export():void{\n var cellName=\"\";\n var str=this.ServiceTypes.find(a=>a.uuId==this.ServiceType.value)?.name\n \n this.exportService.exportCellGroupData(this.Cell_group_list,this.dataType,this.StateType,this.start.value,this.end.value,str);\n }\n get typeList():{name:string,value:string}[]{\n return this.TypeList;\n }\n get dateRange(): string | null {\n if (this.start.value == null || this.end.value == null)\n return null;\n return (\n info\n
\n\n \n
\n\n
\n \n 總交易時分
\n{{ totalTimeBalance | number : '1.0-0'}}
\n{{ '平均交易時分' | translate: {value: averageTimeBalance | number : '1.0-2'} }}
\n\n
\n \n
\n 義工服務總交易時分
\n{{ requestTotalTimeBalance | number : '1.0-0' }}
\n{{ '義工服務平均交易時分' | translate: {value: requestAverageTimeBalance | number : '1.0-2'} }}
\n\n
\n 中心活動總交易時分
\n{{ eventTotalTimeBalance | number : '1.0-0' }}
\n{{ '中心活動平均交易時分' | translate: {value: eventAverageTimeBalance | number : '1.0-2'} }}
\n\n
\n\n
\n \n
\n 細胞小組
\n\n
\n \n \n \n
\n \n \n \n \n \n \n
\n \n
\n \n \n \n \n
\n \n\n
\n \n
\n \n \n
\n \n \n \n \n \n
\n \n\n 細胞小組\n 服務次數\n 參與次數\n 人數\n
\n \n
\n {{service.cellGourpName}}
\n \n
\n \n \n \n \n {{service.NumOfTime}}\n {{service.NumOfPoeper}}\n
\n \n
\n時分交易
\n\n
\n\n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n
\n \n\n
\n\n 義工服務時分交易量
\n中心活動時分交易量
\n \n\n \n \n \n \n \n
\n 時分交易排名
\n
\n {{ index+ 1 }}
\n{{ service.index }}
\n \n{{ service.value | number:'1.0-2' }}
\n\n
\n\n
\n\n \n
\n 不活躍用戶
\n\n
\n \n \n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n\n\n
\n 共有
\n{{ users.length }}
\n位會員在近6個月沒有交易紀錄
\n\n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 性別
\n\n
\n 中心代碼
\n\n
\n 電話
\n\n
\n \n 時分
\n\n
\n \n
\n {{ service.memberId }}
\n\n
\n {{ service.chineseName }}
\n\n
\n {{ service.gender | translate }}
\n\n
\n {{ service.center.centerCode }}
\n\n
\n {{ service.phone }}
\n\n
\n {{ service.timeBalance }}
\n\n
\n 檢視
\n\n
\n \n
\n 沒有紀錄
\n\n
\n\n
\n \n
\n 活動類別分析
\n\n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n
\n \n\n \n
\n \n
\n 總申請量
\n總完成量
\n總數量
\n{{ total }}
\n\n \n 類別\n 佔比\n 申請次數\n 完成次數\n 數量 \n 義工人數\n 確認人數 \n 出席人數 \n
\n \n \n
\n {{ service.index }}
\n{{ service.value * 100 / total | number }}%
\n{{ service.value }}
\n{{ UserNumber(service.index) }}
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { forkJoin } from 'rxjs';\nimport { AnalyticsService } from 'src/app/services/analytics/analytics.service';\nimport { TranslateService } from '@ngx-translate/core';\n@Component({\n selector: 'app-user-ranking-analysis',\n templateUrl: './user-ranking-analysis.component.html',\n styleUrls: ['./user-ranking-analysis.component.scss']\n})\nexport class UserRankingAnalysisComponent implements OnInit {\n\n @Input() form!: FormControl;\n\n public ranking: { index: string, value: number }[] = [];\n public totalDonation: number = 0;\n public firstDonation:Date|null=null;\n public PrevMonthStart:Date=new Date();\n public PrevMonthEnd:Date=new Date();\n public currentLang:string=\"\";\n constructor(\n private analyticsService: AnalyticsService,\n private translateService: TranslateService\n ) {\n this.currentLang=this.translateService.currentLang;\n var nowDate=new Date();\n this.PrevMonthStart.setDate(1);\n this.PrevMonthStart.setMonth(nowDate.getMonth()-1);\n\n this. PrevMonthEnd = new Date(this.PrevMonthStart.getFullYear(),this.PrevMonthStart.getMonth()+1, 0);\n }\n\n ngOnInit(): void {\n this.fetch();\n\n this.form.valueChanges.subscribe(value => {\n this.fetch(value);\n });\n }\n\n fetch(centerUUId?: string): void {\n forkJoin({\n ranking: this.analyticsService.getRanking(centerUUId),\n donation: this.analyticsService.getTotalDonation()\n }).subscribe(value => {\n this.firstDonation = value.donation.startTime ;\n this.ranking = value.ranking;\n this.totalDonation = value.donation.sum | 0;\n });\n }\n\n get topRanking(): { index: string, value: number }[] {\n return this.ranking.sort((a, b) => a.value > b.value ? -1 : a.value < b.value ? 1 : 0).slice(0, 10);\n }\n}\n","\n
\n\n 推薦成功率
\n info\n{{ successRate }}%
\n\n \n\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Center } from 'src/app/models/centers/center';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\n\n@Component({\n selector: 'app-analysis-page',\n templateUrl: './analysis-page.component.html',\n styleUrls: ['./analysis-page.component.scss']\n})\nexport class AnalysisPageComponent implements OnInit {\n\n centers: Center[] = [];\n form: FormControl = new FormControl(null);\n\n constructor(\n private cellGroupService: CellGroupService,\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n \n }\n\n fetch(): void {\n this.cellGroupService.getCenterCellGroupList()\n .subscribe(value => {\n this.centers = value;\n });\n }\n \n}\n","\n
\n\n {{ '累積的總時分排行榜' | translate: {StartDate: PrevMonthStart | date: 'longDate':null:currentLang ,EndDate:PrevMonthEnd| date: 'longDate':null:currentLang } }}
\n\n
\n\n \n\n
\n {{ i+1 }}
\n{{ rank.index }}
\n{{ rank.value | number }}
\n\n
\n 沒有排名
\n\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AnnouncementOverviewPageComponent } from './pages/announcement-overview-page/announcement-overview-page.component';\nimport { AnnouncementCreatePageComponent } from './pages/announcement-create-page/announcement-create-page.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { ShareModule } from '../share/share.module';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SelectAnnouncementUsersPageComponent } from './pages/select-announcement-users-page/select-announcement-users-page.component';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { AnnouncementCreateUsersPopupComponent } from './components/announcement-create-users-popup/announcement-create-users-popup.component';\nimport { AnnouncementDetailPageComponent } from './pages/announcement-detail-page/announcement-detail-page.component';\nimport { AnnouncementDeactivationPopupComponent } from './components/announcement-deactivation-popup/announcement-deactivation-popup.component';\n\nconst routes: Routes = [\n { path: 'overview', component: AnnouncementOverviewPageComponent },\n { path: 'overview/:id', component: AnnouncementDetailPageComponent },\n { path: 'overview/:id/user', component: SelectAnnouncementUsersPageComponent },\n { path: 'create', component: AnnouncementCreatePageComponent },\n { path: 'create/user', component: SelectAnnouncementUsersPageComponent },\n { path: '', redirectTo: 'overview', pathMatch: 'full' },\n { path: '**', redirectTo: 'overview' }\n]\n\n@NgModule({\n declarations: [AnnouncementOverviewPageComponent, AnnouncementCreatePageComponent, SelectAnnouncementUsersPageComponent, AnnouncementCreateUsersPopupComponent, AnnouncementDetailPageComponent, AnnouncementDeactivationPopupComponent],\n imports: [\n CommonModule,\n ShareModule,\n RouterModule.forChild(routes),\n TranslateModule.forChild(),\n MatDatepickerModule,\n FormsModule,\n ReactiveFormsModule,\n MatTooltipModule\n ]\n})\nexport class AnnouncementModule { }\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { Center } from 'src/app/models/centers/center';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { AnnouncementService } from 'src/app/services/announcement/announcement.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n\n@Component({\n selector: 'app-announcement-create-users-popup',\n templateUrl: './announcement-create-users-popup.component.html',\n styleUrls: ['./announcement-create-users-popup.component.scss']\n})\nexport class AnnouncementCreateUsersPopupComponent implements OnInit {\n\n @Input() users: Profile[] = this.announcementService.form.users;\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n centers: [],\n filterInput: null\n };\n\n display: boolean = false;\n\n constructor(\n private announcementService: AnnouncementService,\n private route: ActivatedRoute,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n }\n\n searchAction: (value: string) => void = ((value: string) => {\n this.filters.filterInput = value;\n this.filters.page = 1;\n }).bind(this);\n\n centerFilterAction: (centers: Center[]) => void = ((centers: Center[]) => {\n this.filters.centers = centers;\n this.filters.page = 1;\n }).bind(this);\n\n close(): void {\n this.display = false;\n }\n\n open(): void {\n this.display = true;\n }\n\n dropUser(user: Profile): void {\n this.route.params.subscribe(value => {\n if (value.id == null)\n this.users.splice(this.users.findIndex(u => u.uuId == user.uuId), 1);\n else {\n this.loadingService.startLoading();\n this.announcementService.removeRecipient(value.id, user.uuId)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => {\n this.users.splice(this.users.findIndex(u => u.uuId == user.uuId), 1);\n }\n });\n }\n });\n }\n\n get pages(): number {\n return Math.ceil(this.filteredUsers.length / this.filters.itemsPerPage);\n }\n\n get filteredUsers(): Profile[] {\n return this.users.filter(user =>\n (this.filters.centers.length == 0 || this.filters.centers.some((center: Center) => center.uuId == user.center.uuId))\n && (this.filters.filterInput == null || this.filters.filterInput.length == 0\n || user.memberId.toLowerCase().includes(this.filters.filterInput.toLowerCase())\n || user.chineseName.toLowerCase().includes(this.filters.filterInput.toLowerCase())));\n }\n\n get displayedUsers(): Profile[] {\n return this.filteredUsers\n .slice((this.filters.page - 1) * this.filters.itemsPerPage, this.filters.page * this.filters.itemsPerPage);\n }\n}\n","\n
\n\n 數據分析
\n\n
\n\n 數據分析
\n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n
\n \n
\n \n
\n\n\n
\n\n
\n\n 通告對象
\n\n add_circle\n
\n 新增邀請
\n\n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 性別
\n\n
\n 年齡
\n\n
\n 電話
\n\n
\n 狀態
\n\n
\n 交易時分
\n\n
\n 操作
\n\n
\n\n \n
\n \n
\n {{ member.memberId }}
\n\n
\n {{ member.chineseName }}
\n\n
\n {{ member.center.centerCode }}
\n\n
\n {{ member.gender | translate }}
\n\n
\n {{ member.age }}
\n\n
\n {{ member.phone }}
\n\n
\n -
\n\n
\n -
\n\n
\n 檢視
\n取消
\n\n
\n \n
\n 沒有紀錄
\n\n \n
\n \n
\n\n
\n\n 已選擇邀請
\n{{ users.length }}
\n位用戶
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
","import { AbstractControl, FormControl, FormGroup, ValidatorFn, Validators } from \"@angular/forms\";\nimport { CreateAnnouncementModel } from \"src/app/models/announcements/create-announcement-model\";\nimport { Profile } from \"src/app/models/profiles/profile\";\n\nexport class CreateAnnouncementForm {\n formGroup: FormGroup;\n users: Profile[]\n\n constructor() {\n this.formGroup = new FormGroup({\n title: new FormControl(null, [Validators.required, ByteLengthValidator(54)]),\n type: new FormControl(null, [Validators.required]),\n url: new FormControl(null),\n detail: new FormControl(null),\n remark: new FormControl(null),\n announceDate: new FormControl(null, [Validators.required]),\n expireDate: new FormControl(null, [Validators.required]),\n });\n this.users = [];\n }\n\n public enableURL(): void {\n if (this.formGroup.controls['type'].value == \"Text\") {\n this.formGroup.controls['url'].setValidators([Validators.nullValidator]);\n this.formGroup.controls['url'].reset();\n }\n else {\n this.formGroup.controls['url'].setValidators([Validators.required]);\n this.formGroup.controls['url'].reset();\n }\n }\n\n public reset(): void {\n this.formGroup.reset();\n this.users = [];\n }\n\n public getCreateAnnouncementModel(): CreateAnnouncementModel {\n return {\n Title: this.formGroup.controls['title'].value,\n Content: this.formGroup.controls['detail'].value,\n Url: this.formGroup.controls['url'].value,\n Type: this.formGroup.controls['type'].value,\n AnnounceDate: (this.formGroup.controls['announceDate'].value as Date).toJSON(),\n ExpirationDate: (this.formGroup.controls['expireDate'].value as Date).toJSON(),\n Remark: this.formGroup.controls['remark'].value,\n Users: this.users.map(user => user.uuId)\n };\n }\n\n get invalidExpireDate(): boolean {\n return (this.formGroup.controls['expireDate'].value as Date) < (this.formGroup.controls['announceDate'].value as Date)\n }\n}\n\nfunction ByteLengthValidator(length: number): ValidatorFn {\n return (control: AbstractControl): { [key: string]: any } | null => {\n let encoder: TextEncoder = new TextEncoder();\n let valid = encoder.encode(control.value).length > length;\n return valid ? { byte: { value: control.value } } : null;\n }\n}","import { Component, OnInit } from '@angular/core';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { AnnouncementService } from 'src/app/services/announcement/announcement.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { CreateAnnouncementForm } from '../../forms/create-announcement-form';\n\n@Component({\n selector: 'app-announcement-create-page',\n templateUrl: './announcement-create-page.component.html',\n styleUrls: ['./announcement-create-page.component.scss']\n})\nexport class AnnouncementCreatePageComponent implements OnInit {\n\n minDate: Date = new Date()\n form: CreateAnnouncementForm = this.announcementService.form;\n\n constructor(\n private announcementService: AnnouncementService,\n private loadingService: LoadingService,\n private popupMessageService: PopupMessageService,\n private router: Router\n ) { }\n\n ngOnInit(): void {\n }\n\n openURL(): void {\n if (this.url.value == null)\n return;\n window.open(this.url.value);\n }\n\n submit(): void {\n if (this.form.formGroup.valid == false || this.form.invalidExpireDate == true) {\n this.form.formGroup.markAllAsTouched();\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n if (this.form.users.length == 0) {\n this.popupMessageService.messageSignal.emit(PopupMessages.EmptyParticipantErrorMessage);\n return;\n }\n\n this.loadingService.startLoading();\n this.announcementService.createAnnouncement(this.form.getCreateAnnouncementModel())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.form.reset();\n this.popupMessageService.messageSignal.emit(PopupMessages.CreateAnnouncementSuccessMessage(\n new Observable\n
\n\n help\n
\n\n \n\n \n
\n 請填寫終止原因
\n若通告已發布，終止該通告後，相關職員及用戶將會收到系統通知
\n \n\n \n \n
\n \n
\n\n\n
\n\n 通告
\n/
\n創建通告
\n創建通告
\n\n \n
\n\n
\n\n\n
\n\n 通告
\n/
\n通告詳情
\n通告詳情
\n\n\n
\n\n ![\"pin\"](\"/v2/assets/pin.png\")
\n
\n\n \n\n \n\n\n \n\n \n {{ '記錄編號：' | translate: {value: announcement.id} }}
\n置頂
\n取消置頂
\n{{ '創建時間：' | translate: {value: announcement.createdAt | date: 'yyyy-MM-dd HH:mm'} }}
\n\n add_circle\n
\n該記錄已終止
\n\n
\n\n
\n\n now\">1
\n check\n\n
\n \n
\n 等候發布
\n \n通告正在等待發布
\n\n
\n\n now\">2
\n check\n\n
\n \n
\n 已發布
\n \n通告已發布
\n\n
\n now\">3
\n check\n\n
\n \n
\n 已完結
\n通告已過期
\n\n
\n\n\n
\n\n 通告
\n/
\n通告概覽
\n通告概覽
\n\n\n
\n\n \n
\n
\n \n
\n\n \n
\n\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n 通告
\n/
\n創建通告
\n會員列表
\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n勾選全部
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n 0\">\n \n\n \n
","import { Component, OnInit } from '@angular/core';\nimport { forkJoin } from 'rxjs';\nimport { defaultIfEmpty, finalize } from 'rxjs/operators';\nimport { AppSetting } from 'src/app/backend/app-setting';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Transaction } from 'src/app/models/transactions/transaction';\nimport { DonationService } from 'src/app/services/donation/donation.service';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\n\n@Component({\n selector: 'app-donation-overview',\n templateUrl: './donation-overview.component.html',\n styleUrls: ['./donation-overview.component.scss']\n})\nexport class DonationOverviewComponent implements OnInit {\n\n centerUUId: string = AppSetting.centerUUId;\n\n donations: Transaction[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n types: [],\n idOrder: false,\n dateOrder: null,\n start: null,\n end: null\n };\n\n constructor(\n private donationService: DonationService,\n private loadingService: LoadingService,\n private popupMessageService: PopupMessageService,\n private transactionService: TransactionService,\n private exportService: ExportService,\n private importService: ImportService\n ) { }\n\n ngOnInit(): void {\n this.importService.refreshSignal.subscribe(() => {\n this.fetch();\n });\n\n this.fetch();\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.donationService.getDonationList()\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => this.donations = value\n })\n }\n\n searchFilterAction: (input: string) => void = ((input: string) => {\n this.filters.searchInput = input;\n this.filters.page = 1;\n }).bind(this);\n\n dateRangeFilterAction: (start: Date, end: Date) => void = ((start: Date, end: Date) => {\n this.filters.start = start;\n this.filters.end = end;\n this.filters.page = 1;\n })\n\n typeFilterAction: (types: string[]) => void = ((types: string[]) => {\n this.filters.types = types;\n this.filters.page = 1;\n }).bind(this);\n\n get filteredDonations(): Transaction[] {\n let results = this.donations.filter(donation =>\n (this.filters.searchInput == null\n || donation.id.toString().includes(this.filters.searchInput)\n || donation.transferer.memberId.includes(this.filters.searchInput)\n || donation.transferee.memberId.includes(this.filters.searchInput)\n ) &&\n (this.filters.start == null || this.filters.end == null\n || (donation.date > this.filters.start && donation.date < this.filters.end)\n ) &&\n (this.filters.types.length == 0\n || ((this.filters.types as string[]).includes(\"User\") && donation.transferee.uuId == this.centerUUId)\n || ((this.filters.types as string[]).includes(\"Center\") && donation.transferer.uuId == this.centerUUId)\n )\n );\n\n if (this.filters.idOrder !== null)\n if (this.filters.idOrder === true)\n return results.sort((a, b) => a.id > b.id ? 1 : a.id < b.id ? -1 : 0);\n else\n return results.sort((b, a) => a.id > b.id ? 1 : a.id < b.id ? -1 : 0);\n\n if (this.filters.dateOrder !== null)\n if (this.filters.dateOrder === true)\n return results.sort((a, b) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n else\n return results.sort((b, a) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n\n return results;\n }\n\n get displayedDonations(): Transaction[] {\n return this.filteredDonations.slice((this.filters.page - 1) * this.filters.itemsPerPage, this.filters.page * this.filters.itemsPerPage);\n }\n\n get pages(): number {\n return Math.ceil(this.filteredDonations.length / this.filters.itemsPerPage);\n }\n\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.displayedDonations.forEach(donation => donation.selected = false);\n else\n this.displayedDonations.forEach(donation => donation.selected = true);\n }\n\n get isSelectedAll(): boolean {\n return this.displayedDonations.every(donation => donation.selected);\n }\n\n deleteDonation(transactionUUId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationSuccessMessage);\n this.fetch();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationMessage(\n this.transactionService.cancelTransaction(transactionUUId, { remark: \"Cancel Donation\" })\n .pipe(finalize(() => this.loadingService.stopLoading()))));\n }\n\n deleteDonationList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationSuccessMessage);\n this.fetch();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationMessage(\n forkJoin(this.selectedDonations.map(donation => this.transactionService.cancelTransaction(donation.uuId, { remark: \"Cancel Donation\" })))\n .pipe(defaultIfEmpty(), finalize(() => this.loadingService.stopLoading()))));\n }\n\n get selectedDonations(): Transaction[] {\n return this.donations.filter(donation => donation.selected == true);\n }\n\n exportDonations(): void {\n if (this.selectedDonations.length > 0) {\n this.exportService.exportDonation(this.selectedDonations.map(donation => donation.getDonationExportModel()), { startDate: this.filters.start, endDate: this.filters.end });\n return;\n }\n\n this.exportService.exportDonation(this.filteredDonations.map(donation => donation.getDonationExportModel()), { startDate: this.filters.start, endDate: this.filters.end });\n }\n\n openImportPopup(): void {\n this.importService.importPopupSignal.emit(\"Donation\");\n }\n}\n","\n
\n\n 欄目帶 * 號為必填項
\n\n
\n\n 指定交易會員
\n \n\n
\n \n \n
\n\n 每個帳戶將會獲得
\n \n時分
\n\n
\n\n 已選擇以下
\n{{ form.users.length }}
\n位會員，請完善捐出時分
\n\n
\n\n \n
\n\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 電話
\n\n
\n 用戶餘額
\n\n
\n 交易時分
\n\n
\n \n
\n \n
\n {{ user.memberId}}
\n\n
\n {{ user.chineseName }}
\n\n
\n {{ user.centerCode}}
\n\n
\n {{ user.phone }}
\n\n
\n {{ user.timeBalance }}
\n\n \n
\n \n
\n 移除
\n（請填寫有效數字）
\n\n
\n\n 中心 總共支出
\n{{ sum }}
\n時分 捐至所選會員帳戶
\n\n \n \n
\n\n
\n\n\n\n
\n\n\n \n
\n\n \n
\n\n
\n\n \n \n
\n \n
\n 交易編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 捐分日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 捐分類型
\n\n
\n 交易時分
\n\n
\n 操作
\n\n \n \n \n \n
\n\n \n \n
\n \n
\n {{ donation.id }}
\n\n
\n {{ donation.date | date: 'yyyy/MM/dd' }}
\n\n
\n {{ donation.transferer.memberId }}
\n\n
\n {{ donation.transferer.chineseName }}
\n\n
\n 用戶捐分
\n\n
\n - {{ donation.amount }}
\n\n
\n 檢視用戶
\n移除
\n\n
\n {{ donation.transferee.memberId }}
\n\n
\n {{ donation.transferee.chineseName }}
\n\n
\n 中心捐分
\n\n
\n\n + {{ donation.amount }}
\n\n
\n 檢視用戶
\n移除
\n\n
\n \n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedDonations.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ donations.length }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n \n\n \n \n\n \n \n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DonationPageComponent } from './pages/donation-page/donation-page.component';\nimport { RouterModule, Routes } from '@angular/router';\nimport { DonationUserComponent } from './components/donation-user/donation-user.component';\nimport { DonationCenterComponent } from './components/donation-center/donation-center.component';\nimport { DonationOverviewComponent } from './components/donation-overview/donation-overview.component';\nimport { SelectDonorPageComponent } from './pages/select-donor-page/select-donor-page.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ShareModule } from '../share/share.module';\nimport { SelectDoneesPageComponent } from './pages/select-donees-page/select-donees-page.component';\n\nconst routes: Routes = [\n { path: 'user/select-donor', component: SelectDonorPageComponent },\n { path: 'center/select-donees', component: SelectDoneesPageComponent },\n {\n path: '', component: DonationPageComponent, children: [\n { path: 'user', component: DonationUserComponent, data: { animationState: 'user' } },\n { path: 'center', component: DonationCenterComponent, data: { animationState: 'center' } },\n { path: 'overview', component: DonationOverviewComponent, data: { animationState: 'overview' } },\n { path: '', redirectTo: 'user', pathMatch: 'full' },\n { path: '**', redirectTo: 'user' }\n ]\n },\n { path: '**', redirectTo: '' }\n]\n\n@NgModule({\n declarations: [\n DonationPageComponent,\n DonationUserComponent,\n DonationCenterComponent,\n DonationOverviewComponent,\n SelectDonorPageComponent,\n SelectDoneesPageComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild(routes),\n FormsModule,\n ReactiveFormsModule,\n MatTooltipModule,\n TranslateModule.forChild(),\n ShareModule\n ]\n})\nexport class DonationModule { }\n","import { FormGroup, FormControl } from \"@angular/forms\";\nimport { CreateCenterDonationModel } from \"src/app/models/donations/create-center-donation-model\";\nimport { Donee } from \"src/app/models/profiles/donee\";\n\nexport class CreateCenterDonationForm {\n users: Donee[];\n formGroup: FormGroup;\n\n constructor() {\n this.users = [];\n this.formGroup = new FormGroup({\n remark: new FormControl(null)\n })\n }\n\n getCreateCenterDonationModel(): CreateCenterDonationModel {\n return {\n list: this.users.map(user => { return { UserUUId: user.uuId, Amount: user.amount.value } }),\n remark: this.formGroup.controls['remark'].value\n }\n }\n\n reset(): void {\n this.users = [];\n this.formGroup.reset();\n }\n}","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { CreateUserDonationModel } from \"src/app/models/donations/create-user-donation-model\";\nimport { Profile } from \"src/app/models/profiles/profile\";\n\nexport class CreateUserDonationForm {\n donor: Profile | null;\n formGroup: FormGroup;\n\n constructor() {\n this.donor = null;\n this.formGroup = new FormGroup({\n amount: new FormControl(null, [Validators.required, Validators.pattern(\"([0-9]*[1-9][0-9]*(\\.[0-9]+)?|[0]+\\.[0-9]*[1-9][0-9]*)\")]),\n remark: new FormControl(null)\n });\n }\n\n getCreateUserDonationModel(): CreateUserDonationModel {\n return {\n userUUId: this.donor?.uuId as string,\n amount: this.formGroup.controls['amount'].value,\n remark: this.formGroup.controls['remark'].value\n };\n }\n\n reset(): void {\n this.donor = null;\n this.formGroup.reset();\n }\n}","import { Component, OnInit } from '@angular/core';\nimport { Router, RouterOutlet } from '@angular/router';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-donation-page',\n templateUrl: './donation-page.component.html',\n styleUrls: ['./donation-page.component.scss'],\n animations: [PortalAnimation.DonationPageSlide]\n})\nexport class DonationPageComponent implements OnInit {\n\n tab: string = \"user\";\n\n constructor(\n private router: Router\n ) { }\n\n ngOnInit(): void {\n if (this.router.url == \"/main/donation/center\")\n this.tab = \"center\";\n if (this.router.url == \"/main/donation/overview\")\n this.tab = \"overview\";\n }\n\n prepareRoute(outlet: RouterOutlet) {\n return outlet && outlet.activatedRouteData && outlet.activatedRouteData['animationState'];\n }\n}\n","\n
\n \n \n
\n 有必填欄位未完成 / 資料格式出錯
\n\n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { Donee } from 'src/app/models/profiles/donee';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { Service } from 'src/app/models/services/service';\nimport { DonationService } from 'src/app/services/donation/donation.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\n\n@Component({\n selector: 'app-select-donees-page',\n templateUrl: './select-donees-page.component.html',\n styleUrls: ['./select-donees-page.component.scss']\n})\nexport class SelectDoneesPageComponent implements OnInit {\n\n userUUId: string | null = null;\n\n count: number = 0;\n pages: number = 0;\n profiles: Profile[] = [];\n caches: Donee[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n centers: [],\n districts: [],\n subDistricts: [],\n services: [],\n conditions: [],\n healths: [],\n genders: [],\n memberIdOrder: true,\n creditOrder: null,\n cellGroup:[]\n };\n\n constructor(\n private profileService: ProfileService,\n private loadingService: LoadingService,\n private route: ActivatedRoute,\n private router: Router,\n private donationService: DonationService\n ) { }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n\n this.caches = this.donationService.createCenterDonationForm.users;\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.profiles = value.list;\n this.count = value.count;\n this.pages = Math.ceil(value.count / this.filters.itemsPerPage);\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n cacheSelectedProfile(profile: Profile): void {\n if (profile.selected)\n this.caches.push(new Donee(profile));\n else\n this.caches.splice(this.caches.findIndex(u => u.uuId == profile.uuId), 1);\n }\n\n changePage(): void {\n this.router.navigate(['/main/donation/center/select-donees'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n }\n\n searchFilterAction = ((value: string | any) => {\n this.filters.searchInput = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n centerFilterAction = ((value: Center[] | any) => {\n this.filters.centers = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this, this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n conditionFilterAction = ((genders: string[] | any, healths: Health[] | any, livings: Living[] | any) => {\n this.filters.genders = genders;\n this.filters.healths = healths;\n this.filters.conditions = livings;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n }\n \n cellGroupFilterAction = ((center: Center[]) => {\n this.filters.cellGroup=[];\n center.forEach(c=>c.cellGroups.forEach(cg=>cg.selected?this.filters.cellGroup.push(cg):null))\n console.log(this.filters.cellGroup);\n this.fetch();\n }).bind(this);\n\n selectAll(): void {\n if (this.isSelectedAll) {\n this.profiles.forEach(p => {\n p.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == p.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.profiles\n .filter(profile => profile.selected == false)\n .map(profile => new Donee(profile)));\n this.profiles.forEach(p => p.selected = true);\n }\n }\n\n submit(): void {\n this.donationService.createCenterDonationForm.users = this.caches;\n this.router.navigate(['/main/donation/center']);\n }\n\n back(): void {\n this.router.navigate(['/main/donation/center']);\n }\n\n get isSelectedAll(): boolean {\n return this.profiles.every(profile => profile.selected == true);\n }\n\n fetchEverything(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getEverythingQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.caches = value.list.map(profile => new Donee(profile));\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n private getEverythingQueryString(): string {\n return \"?start=0\"\n + \"&limit=5000\"\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n }\n\n get isSelectedEverything(): boolean {\n return this.caches.length >= this.count;\n }\n\n selectEverything(): void {\n if (this.isSelectedEverything == true) {\n this.caches = [];\n this.profiles.forEach(profile => profile.selected = false)\n }\n else {\n this.fetchEverything();\n }\n }\n}\n","\n
\n\n 捐分池
\n/
\n用戶捐分
\n中心捐分
\n捐分紀錄
\n用戶捐分
\n中心捐分
\n捐分紀錄
\n\n\n
\n\n\n
\n 用戶捐分
\n中心捐分
\n捐分紀錄
\n\n
\n \n
\n \n
\n\n\n
\n\n 捐分池
\n/
\n中心捐分
\n/
\n用戶列表
\n用戶列表
\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n勾選全部
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n\n
\n\n 捐分池
\n/
\n用戶捐分
\n/
\n用戶列表
\n用戶列表
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","\n
\n實際出席人次記錄
\n\n
\n \n
\n \n 總實際出席人數
\n{{total}}
\n\n
\n \n
\n 活動場次
\n\n
\n 狀態
\n\n
\n 實際出席人數
\n\n \n
\n \n \n
\n \n \n
\n {{ day.date | date: 'longDate' : '' : lang }}
\n \n{{ day.date | date: 'EEEE': '' : lang }}
\n{{ day.startTime | date: 'HH:mm' }}
\n至
\n{{ day.endTime | date: 'HH:mm' }}
\n \n\n
\n 已結束
\n進行中
\n未開始
\n\n
\n {{day.numOfAttendance}}
\n \n\n
\n\n\n
\n\n
\n\n 用戶邀請
\n\n add_circle\n
\n 新增邀請
\n\n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 性別
\n\n
\n 年齡
\n\n
\n 電話
\n\n
\n 狀態
\n\n
\n 交易時分
\n\n
\n 操作
\n\n
\n\n \n
\n \n
\n {{ member.memberId }}
\n\n
\n {{ member.chineseName }}
\n\n
\n {{ member.center.centerCode }}
\n\n
\n {{ member.gender | translate }}
\n\n
\n {{ member.age }}
\n\n
\n {{ member.phone }}
\n\n
\n -
\n\n
\n -
\n\n
\n 檢視
\n取消
\n\n
\n \n
\n 沒有紀錄
\n\n \n
\n \n
\n\n
\n\n 已選擇邀請
\n{{ users.length }}
\n位用戶
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
\n 集合地址
\n\n \n \n\n \n
\n \n
\n \n \n \n
\n \n \n create\n
\n \n \n
\n \n
\n\n 參與者數量
\n \n\n\n
\n 請填寫參與者數量
\n\n
\n\n 活動詳情
\n \n\n
\n\n 邀請用戶
\n\n
\n\n 未指定，請在用戶列表中確認人選
\n \n 0\">\n
\n 已選擇邀請參與
\n{{ form.users.length }}
\n/{{ vacancy.value }}
\n位 用戶
\n \n\n
\n\n\n備註
\n \n\n \n \n
\n\n\n
\n\n
\n\n 由
\n{{ form.getEventStartDate() | date: 'longDate': '': lang}}
\n至
\n{{ form.getEventEndDate() | date: 'longDate': '': lang}}
\n，活動舉辦
\n{{ form.eventDays.length }}
\n次
\n\n
\n 收起
\n\n
\n \n
\n \n
\n\n \n
\n \n \n 活動舉辦
\n{{ form.eventDays.length }}
\n次
\n\n delete\n
\n 移除所有
\n\n
\n\n \n
\n {{ day.date.value | date: 'longDate' : '' : lang }}
\n\n
\n {{ day.date.value | date: 'EEEE': '' : lang }}
\n\n
\n {{ day.start.value | date: 'HH:mm' }}
\n至
\n{{ day.end.value | date: 'HH:mm' }}
\n\n
\n 修改
\n確認
\n移除
\n\n
\n\n \n \n
\n \n \n
\n 至
\n\n
\n 保存
\n移除
\n\n
\n + 新增日期
\n\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { EventParticipant } from 'src/app/models/events/event-participant';\nimport { EventService } from 'src/app/services/event/event.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-event-detail-accepted-user-tab',\n templateUrl: './event-detail-accepted-user-tab.component.html',\n styleUrls: ['./event-detail-accepted-user-tab.component.scss']\n})\nexport class EventDetailAcceptedUserTabComponent implements OnInit {\n\n @Input() users: EventParticipant[] = [];\n @Input() closeAction: () => void = () => { }\n @Input() reloadAction: () => void = () => { }\n @Input() changeTabAction: (index: number) => void = () => { }\n @Input() vacancy: number = 0;\n\n constructor(\n private popupMessageService: PopupMessageService,\n private route: ActivatedRoute,\n private eventService: EventService,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n\n }\n\n remove(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.reloadAction();\n subscriber.unsubscribe();\n });\n\n this.route.params.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.RemoveUserFromEventMessage(\n this.eventService.removeParticipants(value.id, { userList: [uuId], role: \"Attendant\" })\n ));\n });\n }\n\n randomPick(): void {\n var numberOfPick = this.vacancy;\n while (this.selectedUsers.length < numberOfPick && !this.users.every(p => p.selected)) {\n var randomIndex = Math.floor(Math.random() * this.users.length);\n if (!this.users[randomIndex].selected) {\n this.users[randomIndex].selected = true;\n }\n }\n }\n\n joinEvent(): void {\n if (this.selectedUsers.length == 0) {\n this.popupMessageService.messageSignal.emit(PopupMessages.ZeroParticipantErrorMessage);\n return;\n }\n\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.eventService.joinEvent(value.id, { list: this.users.filter(u => u.selected).map(u => u.uuId) })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.reloadAction();\n this.changeTabAction(0);\n if (this.vacancy - this.selectedUsers.length <= 0 && this.users.filter(p => !p.selected).length > 0)\n this.unselectUsers();\n });\n });\n }\n\n private unselectUsers(): void {\n this.route.params.subscribe(value => {\n this.eventService.unselect(value.id, { list: this.users.filter(p => !p.selected).map(p => p.uuId) })\n .subscribe(value => {\n this.reloadAction();\n });\n });\n }\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.users.forEach(user => user.selected = false);\n else\n this.users.forEach(user => user.selected = true);\n }\n\n get selectedUsers(): EventParticipant[] {\n return this.users.filter(user => user.selected);\n }\n\n get isSelectedAll(): boolean {\n return this.users.every(user => user.selected);\n }\n}\n","\n
\n \n日期規劃
\n取消
\n\n \n
\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { forkJoin } from 'rxjs';\nimport { defaultIfEmpty, finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { EventParticipant } from 'src/app/models/events/event-participant';\nimport { Transaction } from 'src/app/models/transactions/transaction';\nimport { EventService } from 'src/app/services/event/event.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\n\n@Component({\n selector: 'app-event-detail-confirmed-user-tab',\n templateUrl: './event-detail-confirmed-user-tab.component.html',\n styleUrls: ['./event-detail-confirmed-user-tab.component.scss']\n})\nexport class EventDetailConfirmedUserTabComponent implements OnInit {\n\n @Input() users: EventParticipant[] = [];\n @Input() closeAction: () => void = () => { }\n @Input() reloadAction: () => void = () => { }\n @Input() type: string = \"Free\";\n\n changeAll: boolean = false;\n form: FormControl = new FormControl(null);\n\n constructor(\n private popupMessageService: PopupMessageService,\n private route: ActivatedRoute,\n private eventService: EventService,\n private transactionService: TransactionService,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n this.form.valueChanges.subscribe(value => {\n if (this.changeAll == false)\n return;\n\n this.selectedUsers.forEach(user => user.form.setValue(value));\n })\n }\n\n remove(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.reloadAction();\n subscriber.unsubscribe();\n });\n\n this.route.params.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.RemoveUserFromEventMessage(\n this.eventService.removeParticipants(value.id, { userList: [uuId], role: \"Attendant\" })\n ));\n });\n }\n\n update(user: EventParticipant) {\n if (user.transaction == null) {\n user.editing = false;\n return;\n }\n\n this.updateTransaction(user);\n }\n\n updateTransaction(user: EventParticipant) {\n this.loadingService.startLoading();\n this.transactionService.editTransaction((user.transaction as Transaction).uuId, { amount: (user.transaction as Transaction).form.value })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n (user.transaction as Transaction).uuId = value.newTransactionUUId;\n user.editing = false;\n }\n });\n }\n\n absent(uuId: string): void {\n this.route.params.subscribe(value => {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.reloadAction();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.UserAbsentMessage(\n this.eventService.absent(value.id, { list: [uuId] })\n ));\n });\n }\n\n\n submut(): void {\n if (this.selectedUsers.some(u => u.form.invalid)) {\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n forkJoin(\n this.selectedUsers.filter(user => user.state == 'Confirmed' && user.transaction == null)\n .map(user => this.eventService.createEventTransaction(value.id, {\n list: [{ userUUId: user.uuId, amount: user.form.value }],\n isCenterPaid: this.type == \"UserEarn\"\n }\n )\n )\n ).pipe(defaultIfEmpty(), finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.ParticipantFinishEvnetSuccessMessage);\n this.reloadAction();\n });\n });\n }\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.users.forEach(user => user.selected = false);\n else\n this.users.forEach(user => user.selected = true);\n }\n\n get selectedUsers(): EventParticipant[] {\n return this.users.filter(user => user.selected);\n }\n\n get isSelectedAll(): boolean {\n return this.users.every(user => user.selected);\n }\n}\n","\n
\n\n 已選擇
\n{{ selectedUsers.length }}
\n/{{ vacancy }}
\n位用戶參加該活動
\n\n \n\n= vacancy\">選擇人數已滿足，不可隨機抽選！
\n\n \n\n \n
\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { EventParticipant } from 'src/app/models/events/event-participant';\nimport { EventService } from 'src/app/services/event/event.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-event-detail-pending-user-tab',\n templateUrl: './event-detail-pending-user-tab.component.html',\n styleUrls: ['./event-detail-pending-user-tab.component.scss']\n})\nexport class EventDetailPendingUserTabComponent implements OnInit {\n\n @Input() users: EventParticipant[] = [];\n @Input() closeAction: () => void = () => { };\n @Input() reloadAction: () => void = () => { };\n @Input() changeTabAction: (index: number) => void = () => { }\n @Input() format: string = \"Staff\"\n\n constructor(\n private popupMessageService: PopupMessageService,\n private route: ActivatedRoute,\n private eventService: EventService,\n private loadingService: LoadingService,\n ) { }\n\n ngOnInit(): void {\n }\n\n public acceptInvitation(): void {\n if (this.selectedUsers.length == 0) {\n this.popupMessageService.messageSignal.emit(PopupMessages.ZeroParticipantErrorMessage);\n return;\n }\n\n let observable: Observable\n
\n\n 已選擇
\n{{ selectedUsers.length }}
\n/{{ users.length }}
\n位用戶，確認完成後時分將會交易至帳戶
\n\n \n默認每個帳戶將會支出
\n \n時分
\n\n \n\n\n add_circle\n
\n 新增用戶
\n\n \n
\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { EventParticipant } from 'src/app/models/events/event-participant';\nimport { EventService } from 'src/app/services/event/event.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-event-detail-rejected-user-tab',\n templateUrl: './event-detail-rejected-user-tab.component.html',\n styleUrls: ['./event-detail-rejected-user-tab.component.scss']\n})\nexport class EventDetailRejectedUserTabComponent implements OnInit {\n\n @Input() users: EventParticipant[] = [];\n @Input() closeAction: () => void = () => { }\n @Input() reloadAction: () => void = () => { }\n\n constructor(\n private popupMessageService: PopupMessageService,\n private route: ActivatedRoute,\n private eventService: EventService\n ) { }\n\n ngOnInit(): void {\n\n }\n\n remove(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.reloadAction();\n subscriber.unsubscribe();\n });\n\n this.route.params.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.RemoveUserFromEventMessage(\n this.eventService.removeParticipants(value.id, { userList: [uuId], role: \"Attendant\" })\n ));\n });\n }\n}\n","\n
\n\n 已選擇
\n{{ users.length }}
\n位用戶接受該活動的邀請
\n\n \n\n\n add_circle\n
\n 新增用戶
\n\n \n
\n
\n\n","\n
\n\n 已有
\n{{ users.length }}
\n位用戶拒絕該活動的邀請
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { EventParticipant } from 'src/app/models/events/event-participant';\n\n@Component({\n selector: 'app-event-detail-user-management-popup',\n templateUrl: './event-detail-user-management-popup.component.html',\n styleUrls: ['./event-detail-user-management-popup.component.scss']\n})\nexport class EventDetailUserManagementPopupComponent implements OnInit {\n\n @Input() users: EventParticipant[] = [];\n @Input() reloadAction: () => void = () => { }\n @Input() format: string = \"Staff\"\n @Input() vacancy: number = 0;\n @Input() type: string = \"Free\";\n\n currentTabIndex: number = 0;\n display: boolean = false;\n\n filters: any = {\n searchInput: null\n }\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n closeAction: () => void = (() => {\n this.display = false;\n }).bind(this);\n\n changeTabAction: (index: number) => void = ((index: number) => {\n this.currentTabIndex = index;\n }).bind(this);\n\n searchAction: (value: string) => void = ((value: string) => {\n this.filters.searchInput = value;\n }).bind(this);\n\n\n open(): void {\n this.display = true;\n }\n\n get filteredUsers(): EventParticipant[] {\n return this.users.filter(user =>\n (this.filters.searchInput == null\n || user.chineseName.includes(this.filters.searchInput)\n || user.memberId.includes(this.filters.searchInput)))\n }\n\n get confirmedUsers(): EventParticipant[] {\n return this.filteredUsers.filter(user => user.state === 'Confirmed' || user.state === 'Absent');\n }\n\n get acceptedUsers(): EventParticipant[] {\n return this.filteredUsers.filter(user => user.state === 'Interested' || user.state === 'Unselected');\n }\n\n get pendingUsers(): EventParticipant[] {\n return this.filteredUsers.filter(user => user.state === 'Asked');\n }\n\n get rejectedUsers(): EventParticipant[] {\n return this.filteredUsers.filter(user => user.state === 'Rejected');\n }\n\n}\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Center } from 'src/app/models/centers/center';\nimport { EventType } from 'src/app/models/event-types/event-type';\nimport { Event } from 'src/app/models/events/event';\nimport { EventListItem } from 'src/app/models/events/event-list-item';\nimport { EventService } from 'src/app/services/event/event.service';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-event-overview',\n templateUrl: './event-overview.component.html',\n styleUrls: ['./event-overview.component.scss']\n})\nexport class EventOverviewComponent implements OnInit {\n\n events: EventListItem[] = [];\n caches: EventListItem[] = [];\n count: number = 0;\n pages: number = 0;\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n from: null,\n to: null,\n statuses: null,\n isDeleted: null,\n idOrder: null,\n dateOrder: true,\n eventTypes: [],\n eventTransactionTypes: [],\n centers: []\n }\n\n constructor(\n private eventService: EventService,\n private loadingService: LoadingService,\n private router: Router,\n private route: ActivatedRoute,\n private popupMessageService: PopupMessageService,\n private exportService: ExportService,\n private importService: ImportService\n ) { }\n\n ngOnInit(): void {\n this.importService.refreshSignal.subscribe(() => {\n this.fetch();\n });\n\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.eventService.getEvents(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.count = value.count;\n this.pages = value.count != 0 ? Math.ceil(value.count / this.filters.itemsPerPage) : 0;\n this.events = value.list;\n this.events.forEach(e => {\n if (this.caches.find(event => event.uuId == e.uuId))\n e.selected = true;\n });\n });\n }\n\n searchFilterAction: (input: string) => void = ((input: string) => {\n this.filters.searchInput = input;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n dateFilterAction = ((start: Date, end: Date) => {\n this.filters.from = start;\n this.filters.to = end;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n eventTypeFilterAction = ((eventTypes: EventType[]) => {\n this.filters.eventTypes = eventTypes;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n eventTransactionTypeFilterAction = ((types: string[]) => {\n this.filters.eventTransactionTypes = types;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n statusFilterAction = ((status: number) => {\n this.filters.statuses = status;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n changePage(): void {\n this.router.navigate(['/main/activity/overview/event'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n }\n\n cacheEvent(e: EventListItem): void {\n if (e.selected)\n this.caches.push(e);\n else\n this.caches.splice(this.caches.findIndex(event => event.uuId == e.uuId), 1);\n }\n\n deleteEvent(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteEventMessage(this.eventService.deleteEvents([uuId])));\n }\n\n deleteEventList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteEventListMessage(this.eventService.deleteEvents(this.events.filter(e => e.selected).map(e => e.uuId))));\n }\n\n applyAgain(event: EventListItem): void {\n this.loadingService.startLoading();\n this.eventService.getEventByUUId(event.uuId)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.eventService.form.formGroup.controls['eventName'].setValue(value.eventName);\n this.eventService.form.formGroup.controls['eventType'].setValue(value.eventType.uuId);\n this.eventService.form.formGroup.controls['transactionType'].setValue(value.eventPay);\n this.eventService.form.formGroup.controls['transactionFee'].setValue(value.earning);\n this.eventService.form.formGroup.controls['participationFormat'].setValue(value.eventJoinType);\n this.eventService.form.formGroup.controls['venue'].setValue(value.venue?.uuId);\n this.eventService.form.formGroup.controls['vacancy'].setValue(value.participantVacancy);\n this.eventService.form.formGroup.controls['eventDetail'].setValue(value.detail);\n this.eventService.form.formGroup.controls['remark'].setValue(value.remark);\n this.router.navigate(['/main/activity/create/event']);\n }\n })\n }\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.from ? \"&from=\" + this.filters.from.toISOString() : \"\")\n + (this.filters.to ? \"&to=\" + this.filters.to.toISOString() : \"\")\n + (this.filters.statuses ? \"&statuses=\" + this.filters.statuses : \"\")\n + (this.filters.idOrder != null ? \"&orderById=\" + String(this.filters.idOrder) : \"\")\n + (this.filters.dateOrder != null ? \"&orderByDate=\" + String(this.filters.dateOrder) : \"\")\n + (this.filters.isDeleted ? \"&isDeleted=\" + String(this.filters.isDeleted) : \"\")\n + (this.filters.eventTypes.map((type: EventType) => \"&eventTypes=\" + type.uuId).join(\"\"))\n + (this.filters.eventTransactionTypes.map((type: string) => \"&eventPays=\" + type).join(\"\"))\n + (this.filters.centers ? this.filters.centers.map((c: Center) => \"¢ers=\" + c.uuId) : \"\");\n }\n\n selectAll(): void {\n if (this.isSelectedAll) {\n this.events.forEach(e => {\n e.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == e.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.events.filter(event => event.selected == false));\n this.events.forEach(e => e.selected = true);\n }\n }\n\n get isSelectedAll(): boolean {\n return this.events.every(event => event.selected == true);\n }\n\n exportEventList(): void {\n if (this.caches.length > 0) {\n this.exportService.exportEventList(this.caches.map(event => event.getEventExportModel()), { startDate: this.filters.from, endDate: this.filters.to });\n return;\n }\n\n this.loadingService.startLoading();\n this.eventService.getEvents(this.getEverythingQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.exportService.exportEventList(value.list.map(event => event.getEventExportModel()), { startDate: this.filters.from, endDate: this.filters.to });\n });\n }\n\n private getEverythingQueryString(): string {\n return \"?start=0&limit=1000000\"\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.from ? \"&from=\" + this.filters.from.toISOString() : \"\")\n + (this.filters.to ? \"&to=\" + this.filters.to.toISOString() : \"\")\n + (this.filters.statuses ? \"&statuses=\" + this.filters.statuses : \"\")\n + (this.filters.idOrder != null ? \"&orderById=\" + String(this.filters.idOrder) : \"\")\n + (this.filters.dateOrder != null ? \"&orderByDate=\" + String(this.filters.dateOrder) : \"\")\n + (this.filters.isDeleted ? \"&isDeleted=\" + String(this.filters.isDeleted) : \"\")\n + (this.filters.eventTypes.map((type: EventType) => \"&eventTypes=\" + type.uuId).join(\"\"))\n + (this.filters.eventTransactionTypes.map((type: string) => \"&eventPays=\" + type).join(\"\"))\n + (this.filters.centers ? this.filters.centers.map((c: Center) => \"¢ers=\" + c.uuId) : \"\");\n }\n\n openImportPopup(): void {\n this.importService.importPopupSignal.emit(\"Event\");\n }\n}\n","\n
\n用戶管理
\n\n
\n\n \n
\n\n {{ '確認參加()' | translate: {value: confirmedUsers.length} }}
\n\n
\n\n {{ '接受邀請()' | translate: {value: acceptedUsers.length} }}
\n\n
\n\n {{ '等待回應()' | translate: {value: pendingUsers.length} }}
\n\n
\n {{ '已拒絕()' | translate: {value: rejectedUsers.length} }}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n\n
\n\n\n
\n\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動代碼
\n\n
\n 中心活動名稱
\n\n
\n 交易類型
\n\n
\n 狀態
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ event.id }}
\n\n
\n {{ event.getEventStartDate() | date: 'dd/MM/yyyy' }} - {{ event.getEventEndDate() | date: 'dd/MM/yyyy' }}
\n\n
\n {{ event.eventType.code }}
\n\n
\n {{ event.eventName }}
\n\n
\n {{ event.eventPay | translate }}
\n\n
\n \n
\n 等待參加
\n\n
\n 進行中
\n\n
\n 已完成
\n\n
\n 已終止
\n\n
\n 人數不足
\n\n
\n \n 已修改
\n\n
\n 檢視
\n再次創建
\n移除
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n 請求/訂單
\n/
\n創建活動記錄
\n創建活動記錄
\n\n\n \n\n \n \n\n
\n\n
\n 集合地址
\n\n \n \n\n \n
\n \n
\n\n \n \n \n
\n \n \n create\n
\n \n \n
\n\n \n
\n\n 參與者數量
\n \n\n\n
\n 請填寫參與者數量
\n\n
\n\n 活動詳情
\n \n\n
\n\n 指定交易會員
\n\n
\n\n 未指定，請在用戶列表中確認人選
\n \n 0\">\n \n
\n 0\">\n
\n\n \n \n
\n\n 每個帳戶將會賺取
\n每個帳戶將會支出
\n \n時分
\n\n
\n\n 已選擇以下
\n{{ form.users.length }}
\n位會員，請完善交易時分
\n\n
\n\n \n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 電話
\n\n
\n \n 交易時分
\n\n
\n \n
\n {{ user.memberId }}
\n\n
\n {{ user.chineseName }}
\n\n
\n {{ user.center.centerCode }}
\n\n
\n {{ user.phone }}
\n\n \n
\n \n
\n 移除
\n\n
\n 總共支出
\n{{ form.sum }}
\n時分至所選會員帳戶
\n\n
\n\n 備註
\n \n\n \n \n
\n \n \n
\n\n
\n\n 由
\n{{ form.getEventStartDate() | date: 'longDate': '': lang}}
\n至
\n{{ form.getEventEndDate() | date: 'longDate': '': lang}}
\n，活動舉辦
\n{{ form.eventDays.length }}
\n次
\n\n
\n 收起
\n\n
\n \n
\n \n
\n\n \n
\n \n \n 活動舉辦
\n{{ form.eventDays.length }}
\n次
\n\n delete\n
\n 移除所有
\n\n
\n\n \n
\n {{ day.date.value | date: 'longDate' : '' : lang }}
\n\n
\n {{ day.date.value | date: 'EEEE': '' : lang }}
\n\n
\n {{ day.start.value | date: 'HH:mm' }}
\n至
\n{{ day.end.value | date: 'HH:mm' }}
\n\n
\n 修改
\n確認
\n移除
\n\n
\n\n \n \n
\n \n \n
\n 至
\n\n
\n 保存
\n移除
\n\n
\n + 新增日期
\n\n
\n\n\n\n
\n\n 請求/訂單
\n/
\n中心活動
\n/
\n活動詳情
\n \n \n中心活動詳情
\n\n\n\n \n \n\n \n \n\n \n \n\n
\n\n
\n\n {{ '記錄編號：' | translate: {value: event.id} }}
\n \n{{ '創建時間：' | translate: {value: event.createdDate | date: 'yyyy-MM-dd HH:mm'} }}
\n\n
\n \n
\n\n
\n\n 1
\n check\n\n
\n \n
\n 等候參加
\n \n該活動正在等候用戶參加
\n\n
\n\n 2
\n check\n\n
\n \n
\n 未開始
\n \n活動正在等待開始
\n\n
\n\n 3
\n check\n\n
\n \n
\n 進行中
\n \n活動正在進行中
\n\n
\n 4
\n\n
\n \n
\n 已完結
\n活動已經結束
\n\n add_circle\n
\n\n 該記錄已終止
\n\n
\n\n 記錄狀態
\n\n
\n 等待參加
\n\n
\n 進行中
\n\n
\n 已完成
\n\n
\n 已終止
\n\n
\n 人數不足
\n\n
\n 已修改
\n \n \n \n
\n \n終止原因
\n\n \n
\n
\n \n
\n
\n \n
\n\n 由
\n{{ event.getEventStartDate() | date: 'longDate': '': lang}}
\n至
\n{{ event.getEventEndDate() | date: 'longDate': '': lang}}
\n，活動舉辦
\n{{ event.eventDays.length }}
\n次
\n\n
\n 收起
\n\n
\n \n
\n\n \n
\n \n \n \n 活動舉辦
\n{{ event.eventDays.length }}
\n次
\n\n
\n \n
\n {{ day.date | date: 'longDate' : '' : lang }}
\n\n
\n {{ day.date | date: 'EEEE': '' : lang }}
\n\n
\n \n {{ day.startTime | date: 'HH:mm' }}
\n至
\n{{ day.endTime | date: 'HH:mm' }}
\n\n
\n \n
\n\n 由
\n{{ event.form.getEventStartDate() | date: 'longDate': '': lang}}
\n至
\n{{ event.form.getEventEndDate() | date: 'longDate': '': lang}}
\n，活動舉辦
\n{{ event.form.eventDays.length }}
\n次
\n\n
\n 收起
\n\n
\n \n
\n\n \n
\n \n \n \n 活動舉辦
\n{{ event.form.eventDays.length }}
\n次
\n\n
\n\n \n
\n {{ day.date.value | date: 'longDate' : '' : lang }}
\n\n
\n {{ day.date.value | date: 'EEEE': '' : lang }}
\n\n
\n {{ day.start.value | date: 'HH:mm' }}
\n至
\n{{ day.end.value | date: 'HH:mm' }}
\n\n
\n 修改
\n確認
\n移除
\n\n
\n\n \n \n
\n \n \n
\n 至
\n\n
\n 保存
\n移除
\n\n
\n + 新增日期
\n\n
\n\n\n
\n\n 請求/訂單
\n/
\n創建請求
\n/
\n中心活動
\n用戶列表
\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n勾選全部
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n 請求/訂單
\n/
\n創建請求
\n/
\n中心活動
\n用戶列表
\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n勾選全部
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n概覽
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n數據分析
\n \n \n>
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { forkJoin } from 'rxjs';\nimport { AppSetting } from 'src/app/backend/app-setting';\nimport { Notification } from 'src/app/models/notifications/notification';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { AuthenticationService } from 'src/app/services/authenticate/authentication.service';\nimport { FirebaseService } from 'src/app/services/firebase/firebase.service';\nimport { NotificationService } from 'src/app/services/notification/notification.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\n\n@Component({\n selector: 'app-top-bar',\n templateUrl: './top-bar.component.html',\n styleUrls: ['./top-bar.component.scss']\n})\nexport class TopBarComponent implements OnInit {\n\n orgName: string = AppSetting.orgName;\n profile: Profile | null = null;\n notifications: Notification[] = [];\n lang: string = this.translateService.currentLang;\n\n constructor(\n private profileService: ProfileService,\n private translateService: TranslateService,\n private notificationService: NotificationService,\n private snackBar: MatSnackBar,\n private firebaseServiec: FirebaseService,\n private router: Router,\n private authenticationService: AuthenticationService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n localStorage.setItem('lang', value.lang);\n })\n\n this.firebaseServiec.WebMessageSignal.subscribe((value: any) => {\n this.snackBar.open(value, \"Close\", { horizontalPosition: 'right', duration: 5000 });\n this.notificationService.getNotifications().subscribe(value => {\n this.notifications = value;\n });\n })\n }\n\n setLang(language: string): void {\n this.translateService.use(language).subscribe();\n }\n\n fetch(): void {\n\n forkJoin({\n profile: this.profileService.getMyProfile(),\n notifications: this.notificationService.getNotifications()\n }).subscribe(value => {\n this.profile = value.profile;\n this.notifications = value.notifications;\n console.log(this.notifications)\n });\n }\n\n public signOut(): void {\n this.authenticationService.signOut();\n this.router.navigate(['/login']);\n }\n\n public blur(): void {\n (document.activeElement as any).blur();\n }\n}\n","","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\nimport { RouterModule, Routes } from '@angular/router';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MainPageComponent } from './pages/main-page/main-page.component';\nimport { AuthenticationGuard } from 'src/app/guards/authentication.guard';\nimport { TopBarComponent } from './components/top-bar/top-bar.component';\nimport { SideNavComponent } from './components/side-nav/side-nav.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ShareModule } from '../share/share.module';\nimport { SuperAdminGuard } from 'src/app/guards/super-admin.guard';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\n\nconst routes: Routes = [\n { path: 'login', component: LoginPageComponent },\n {\n path: 'main', component: MainPageComponent, canActivate: [AuthenticationGuard], children: [\n { path: 'system', loadChildren: () => import('../system/system.module').then(module => module.SystemModule), canActivate: [SuperAdminGuard] },\n { path: 'user', loadChildren: () => import('../user/user.module').then(module => module.UserModule) },\n { path: 'announcement', loadChildren: () => import('../announcement/announcement.module').then(module => module.AnnouncementModule) },\n { path: 'staff', loadChildren: () => import('../staff/staff.module').then(module => module.StaffModule) },\n { path: 'donation', loadChildren: () => import('../donation/donation.module').then(module => module.DonationModule) },\n { path: 'redeem', loadChildren: () => import('../redeem/redeem.module').then(module => module.RedeemModule) },\n { path: 'activity', loadChildren: () => import('../activity/activity.module').then(module => module.ActivityModule) },\n { path: 'trash', loadChildren: () => import('../trash/trash.module').then(module => module.TrashModule), canActivate: [SuperAdminGuard] },\n { path: 'analytics', loadChildren: () => import('../analytics/analytics.module').then(module => module.AnalyticsModule) },\n { path: 'overview', loadChildren: () => import('../overview/overview.module').then(module => module.OverviewModule) },\n { path: '', redirectTo: 'overview', pathMatch: 'full' },\n { path: '**', redirectTo: 'overview' }\n ]\n },\n { path: '', redirectTo: 'login', pathMatch: 'full' },\n { path: '**', redirectTo: 'login' }\n];\n\n@NgModule({\n declarations: [LoginPageComponent, MainPageComponent, TopBarComponent, SideNavComponent],\n imports: [\n CommonModule,\n RouterModule.forChild(routes),\n FormsModule,\n ReactiveFormsModule,\n TranslateModule.forChild(),\n ShareModule,\n MatSnackBarModule\n ]\n})\nexport class MainModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { AbstractControl, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { finalize } from 'rxjs/operators';\nimport { AuthenticationService } from 'src/app/services/authenticate/authentication.service';\nimport { FirebaseService } from 'src/app/services/firebase/firebase.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n\n@Component({\n selector: 'app-login-page',\n templateUrl: './login-page.component.html',\n styleUrls: ['./login-page.component.scss']\n})\nexport class LoginPageComponent implements OnInit {\n\n lang: string = this.translateService.currentLang;\n public form: FormGroup = new FormGroup({\n username: new FormControl(null, [Validators.required]),\n password: new FormControl(null, [Validators.required])\n });\n\n constructor(\n private authService: AuthenticationService,\n private loadingService: LoadingService,\n private firebaseService: FirebaseService,\n private router: Router,\n private translateService: TranslateService\n ) { }\n\n setLang(language: string): void {\n this.translateService.use(language).subscribe();\n }\n\n ngOnInit(): void {\n if (this.authService.isAuthenticated()) {\n this.router.navigate(['/main/overview']);\n return;\n }\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n localStorage.setItem('lang', value.lang);\n })\n }\n\n submit(): void {\n if (this.form.invalid) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loadingService.startLoading();\n this.authService.signIn({\n username: this.form.controls['username'].value,\n password: this.form.controls['password'].value,\n deviceToken: this.firebaseService.getToken(),\n }).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => this.router.navigate(['/main/overview']),\n error: error => {\n this.password.setValue(null);\n this.password.setErrors({ wrong: true });\n }\n });\n }\n\n get username(): AbstractControl {\n return this.form.controls['username'];\n }\n\n get password(): AbstractControl {\n return this.form.controls['password'];\n }\n}\n","","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-main-page',\n templateUrl: './main-page.component.html',\n styleUrls: ['./main-page.component.scss']\n})\nexport class MainPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n\n
\n\n\n
\n \n \n \n
\n\n copyright © 2019 香港大學
\nv1.3.0 202211w47.1
\n
\n\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動代碼
\n\n
\n 中心活動名稱
\n\n
\n 交易類型
\n\n
\n 狀態
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ event.id }}
\n\n
\n {{ event.getEventStartDate() | date: 'dd/MM/yyyy' }} - {{ event.getEventEndDate() | date: 'dd/MM/yyyy' }}
\n\n
\n {{ event.eventType.code }}
\n\n
\n {{ event.eventName }}
\n\n
\n {{ event.eventPay | translate }}
\n\n
\n \n
\n 等待參加
\n\n
\n 進行中
\n\n
\n 已完成
\n\n
\n 已終止
\n\n
\n 人數不足
\n\n
\n \n 已修改
\n\n
\n 檢視
\n再次創建
\n移除
\n\n
\n\n
\n 沒有紀錄
\n\n \n\n
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 申請人
\n\n
\n 電話
\n\n
\n 服務類型
\n\n
\n 服務日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 狀態
\n\n
\n 時分
\n\n
\n 義工
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ request.id }}
\n\n
\n {{ request.requester.chineseName }}
\n\n
\n \n ![](\"/v2/assets/mobile.svg\")
\n
\n \n {{ request.requester.phone }}
\n\n \n
\n {{ request.service.name }}
\n\n
\n {{ request.startTime | date: 'dd-MM-yyyy' }}
\n\n
\n \n
\n 等候配對
\n\n
\n 未開始
\n\n
\n 進行中
\n\n
\n 已完結
\n\n
\n 已終止
\n\n
\n 配對超時
\n\n
\n 超時開始
\n\n
\n \n 超時結束
\n\n
\n -
\n{{ request.actualDuration | number:'1.0-2' }}
\n\n
\n 0\" style=\"flex-basis: 1rem;\">{{ request.JoinedVolunteers[0].chineseName }}
\n1\">...+{{ request.JoinedVolunteers.length - 1}}
\n \n\n
\n 檢視
\n移除
\n more_horiz\n\n
\n 重新邀請
\n再次申請
\n\n
\n\n
\n 沒有紀錄
\n\n \n\n
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { RequestListItem } from 'src/app/models/requests/request-list-item';\nimport { Service } from 'src/app/models/services/service';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\n\n@Component({\n selector: 'app-urgent-request-page',\n templateUrl: './urgent-request-page.component.html',\n styleUrls: ['./urgent-request-page.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class UrgentRequestPageComponent implements OnInit {\n\n requests: RequestListItem[] = [];\n caches: RequestListItem[] = [];\n count: number = 0;\n pages: number = 0;\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n services: [],\n districts: [],\n subDistricts: [],\n from: null,\n to: null,\n statuses: [],\n isDeleted: null,\n isUrgent: null,\n idOrder: null,\n dateOrder: true\n }\n\n constructor(\n private requestService: RequestService,\n private loadingService: LoadingService,\n private route: ActivatedRoute,\n private router: Router,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.requestService.getRequests(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.requests = value.list;\n this.count = value.count;\n this.pages = value.count != 0 ? Math.ceil(value.count / this.filters.itemsPerPage) : 0;\n this.requests.forEach(request => {\n if (this.caches.find(r => r.uuId == request.uuId))\n request.selected = true;\n });\n });\n }\n\n searchFilterAction: (input: string) => void = ((input: string) => {\n this.filters.searchInput = input;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n dateFilterAction = ((start: Date, end: Date) => {\n this.filters.from = start;\n this.filters.to = end;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n statusFilterAction = ((statuses: string[], urgent: boolean) => {\n this.filters.statuses = statuses;\n this.filters.isUrgent = urgent;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n changePage(): void {\n this.router.navigate(['/main/activity/overview/request'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n }\n\n deleteRequest(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteRequestMessage(this.requestService.deleteRequests([uuId])));\n }\n\n deleteRequestList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.caches = [];\n this.fetch();\n subscriber.unsubscribe();\n });\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteRequestListMessage(this.requestService.deleteRequests(this.caches.map(r => r.uuId))));\n }\n\n cacheRequest(request: RequestListItem): void {\n if (request.selected)\n this.caches.push(request);\n else\n this.caches.splice(this.caches.findIndex(r => r.uuId == request.uuId), 1);\n }\n\n applyAgain(request: RequestListItem): void {\n this.requestService.getRequestByUUId(request.uuId)\n .subscribe(value => {\n this.requestService.form.formGroup.reset();\n this.requestService.form.volunteers = [];\n this.requestService.form.requester = value.requester.uuId;\n this.requestService.form.formGroup.controls['service'].setValue(value.service.uuId);\n this.requestService.form.formGroup.controls['start'].setValue(value.startTime);\n this.requestService.form.formGroup.controls['end'].setValue(value.endTime);\n this.requestService.form.formGroup.controls['venue'].setValue(value.venue.room.uuId);\n this.requestService.form.formGroup.controls['destination'].setValue(value.destination.room.uuId);\n this.requestService.form.formGroup.controls['numberOfVolunteer'].setValue(value.numberOfVolunteer);\n this.requestService.form.formGroup.controls['remark'].setValue(value.remark);\n this.requestService.form.formGroup.controls['transportation'].setValue(value.transportation ? value.transportation.uuId : null);\n this.router.navigate(['/main/activity/create/request']);\n });\n }\n\n selectAll(): void {\n if (this.isSelectedAll) {\n this.requests.forEach(r => {\n r.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == r.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.requests.filter(request => request.selected == false));\n this.requests.forEach(r => r.selected = true);\n }\n }\n\n get isSelectedAll(): boolean {\n return this.requests.every(request => request.selected == true);\n }\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.statuses.map((s: string) => \"&statuses=\" + s).join(\"\"))\n + (this.filters.from ? \"&from=\" + this.filters.from.toISOString() : \"\")\n + (this.filters.to ? \"&to=\" + this.filters.to.toISOString() : \"\")\n + (this.filters.idOrder != null ? \"&orderById=\" + String(this.filters.idOrder) : \"\")\n + (this.filters.dateOrder != null ? \"&orderByDate=\" + String(this.filters.dateOrder) : \"\")\n + (this.filters.isDeleted ? \"&isDeleted=\" + String(this.filters.isDeleted) : \"\")\n + \"&isUrgent=true\";\n }\n}\n","\n
\n\n 概覽
\n概覽
\n\n\n\n \n\n \n\n \n\n \n
\n\n \n
\n\n \n
\n 義工服務
\n中心活動
\n\n
\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { forkJoin } from 'rxjs';\nimport { defaultIfEmpty, finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Center } from 'src/app/models/centers/center';\nimport { Product } from 'src/app/models/redeems/product';\nimport { Redeem } from 'src/app/models/redeems/redeem';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RedeemService } from 'src/app/services/redeem/redeem.service';\n\n@Component({\n selector: 'app-product-management-pending',\n templateUrl: './product-management-pending.component.html',\n styleUrls: ['./product-management-pending.component.scss']\n})\nexport class ProductManagementPendingComponent implements OnInit {\n\n @Output() refresh = new EventEmitter\n
\n\n 概覽
\n/
\n緊急事項
\n緊急事項
\n\n\n
\n\n\n \n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 申請人
\n\n
\n 電話
\n\n
\n 服務類型
\n\n
\n 服務日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 狀態
\n\n
\n 時分
\n\n
\n 義工
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ request.id }}
\n\n
\n {{ request.requester.chineseName }}
\n\n
\n \n \n
\n \n {{ request.requester.phone }}
\n\n \n
\n {{ request.service.name }}
\n\n
\n {{ request.startTime | date: 'dd-MM-yyyy' }}
\n\n
\n \n
\n 等候配對
\n\n
\n 未開始
\n\n
\n 進行中
\n\n
\n 已完結
\n\n
\n 已終止
\n\n
\n 配對超時
\n\n
\n 超時開始
\n\n
\n \n 超時結束
\n\n
\n -
\n{{ request.actualDuration | number:'1.0-2' }}
\n\n
\n 0\" style=\"flex-basis: 1rem;\">{{ request.JoinedVolunteers[0].chineseName }}
\n1\">...+{{ request.JoinedVolunteers.length - 1}}
\n \n\n
\n 檢視
\n移除
\n more_horiz\n\n
\n 重新邀請
\n再次申請
\n\n
\n \n
\n 沒有紀錄
\n\n
\n \n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n\n
\n\n\n
\n\n \n
\n\n \n
\n\n \n \n
\n\n \n
\n\n 會員編號
\n\n
\n\n 中文姓名
\n\n
\n\n 中心代碼
\n\n
\n\n 性別
\n\n
\n\n 年齡
\n\n
\n\n 電話
\n\n
\n\n 時分餘額
\n\n
\n\n 數量
\n\n
\n\n 交易時分
\n\n
\n 操作
\n\n
\n\n\n \n \n
\n\n \n
\n\n {{ redeem.memberId }}
\n\n
\n\n {{ redeem.chineseName }}
\n\n
\n\n {{ redeem.centerCode }}
\n\n
\n\n 男
\n女
\n\n
\n\n {{ redeem.age }}
\n\n
\n\n {{ redeem.phone }}
\n\n
\n\n {{ redeem.timeBalance | number }}
\n\n
\n\n {{ redeem.quantity }}
\n \n\n
\n\n {{ redeem.price }}
\n\n
\n 修改
\n確認
\n詳情
\n取消
\n\n
\n \n
\n 暫無會員申請換領
\n\n \n
\n確認後，所選的會員會收到換領成功的通知，
\n更新至“已兌換”類別中，並扣除相應時分
\n\n \n \n
\n已選擇
\n{{ numberOfSelectedUsers }}
\n位會員，
\n庫存
\n{{ product.stock }}
\n件
\n庫存充足
\n{{ '位會員申請換領，尚未扣除時分' | translate: {value: numberOfRedeemUsers} }}
\n \n\n \n\n\n \n
\n\n\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n\n
\n\n\n
\n\n \n add_circle\n
\n 新增用戶
\n\n
\n \n
\n \n \n
\n\n \n
\n\n 會員編號
\n\n
\n\n 中文姓名
\n\n
\n\n 中心代碼
\n\n
\n\n 性別
\n\n
\n\n 年齡
\n\n
\n\n \n 電話
\n\n
\n\n 狀態
\n\n
\n\n 數量
\n\n
\n\n 交易時分
\n\n
\n 操作
\n\n
\n\n \n \n
\n\n \n
\n\n {{ redeem.memberId }}
\n\n
\n\n {{ redeem.chineseName }}
\n\n
\n\n {{ redeem.centerCode }}
\n\n
\n\n 男
\n女
\n\n
\n\n {{ redeem.age }}
\n\n
\n\n {{ redeem.phone }}
\n\n \n
\n\n {{redeem.redeemState}}
\n \n
\n\n {{ redeem.quantity }}
\n \n\n
\n\n {{ redeem.price }}
\n\n
\n 修改
\n確認
\n詳情
\n取消
\n\n
\n \n
\n 暫無成功換領該獎勵的會員
\n\n
\n\n \n \n
\n 可匯出已兌換的全部會員列表，
\n如勾選會員後點擊，可匯出所選會員列表
\n\n \n \n
\n已選擇
\n{{ numberOfSelectedUsers }}
\n位會員，
\n庫存
\n{{ product.stock }}
\n件
\n庫存充足
\n{{ '位會員已換取該獎勵項目並扣除相應時分' | translate: {value: numberOfRedeemUsers} }}
\n \n\n \n\n\n \n
\n\n\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
","\n\n
\n\n
\n\n 已選擇該會員，請先完善換領資料
\n\n
\n\n \n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 電話
\n\n
\n 用戶餘額
\n\n
\n 換領數量
\n\n
\n 交易時分
\n\n
\n \n
\n {{ user.memberId}}
\n\n
\n {{ user.chineseName }}
\n\n
\n {{ user.center.centerCode }}
\n\n
\n {{ user.phone }}
\n\n
\n {{ user.timeBalance | number }}
\n\n \n
\n \n
\n {{ product.price }}
\n\n \n \n \n \n \n \n
\n\n \n\n \n
\n {{ '（單選）' | translate: { value_1: index, value_2: question.question} }}
\n\n \n
\n \n
\n {{ '（多選，資料僅供研究用途）' | translate: { value_1: index, value_2: question.question} }}
\n\n \n
\n \n \n \n
\n \n
","import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-redeem-image-popup',\n templateUrl: './redeem-image-popup.component.html',\n styleUrls: ['./redeem-image-popup.component.scss']\n})\nexport class RedeemImagePopupComponent implements OnInit {\n\n @ViewChild('image') image!: ElementRef\n @Input() action: (image: Blob) => void = () => { }\n\n display: boolean = false;\n file: Blob | null = null;\n uploadFile: Blob | null = null;\n\n constructor(\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n }\n\n onImageUpload(files: FileList) {\n\n Array.from(files).forEach(file => {\n if (file.type != \"image/png\" && file.type != \"image/jpeg\" && file.type != \"image/gif\") {\n return;\n }\n\n if (file.size > 2097152) {\n return;\n }\n\n this.file = file;\n this.uploadFile = file;\n (this.image.nativeElement as HTMLImageElement).src = URL.createObjectURL(this.file);\n });\n }\n\n delete(): void {\n this.file = null;\n this.uploadFile = null;\n }\n\n open(image?: Blob): void {\n this.display = true;\n if (image != null) {\n this.file = image;\n setTimeout(() => (this.image.nativeElement as HTMLImageElement).src = URL.createObjectURL(this.file));\n }\n }\n\n close() {\n this.action(this.file as Blob);\n this.display = false;\n }\n}\n","\n
\n \n\n
\n\n 上傳宣傳圖片
\n close\n\n
\n\n\n \n \n add\n
\n\n Upload
\n\n ![]()
\n
\n 點擊或將文件拖拽到這裡上傳
\n\n
\n\n -限一張圖片
\n-支持擴展名：.JPG .PNG .GIF
\n-將大小限制在 2MB 以下。
\n-建議使用 16:9 的長寬比
\n\n attachment\n
\n \n
\n \n
\n \n {{ file.name }}
\n\n close\n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { Redeem } from 'src/app/models/redeems/redeem';\n\n@Component({\n selector: 'app-redeem-popup',\n templateUrl: './redeem-popup.component.html',\n styleUrls: ['./redeem-popup.component.scss']\n})\nexport class RedeemPopupComponent implements OnInit {\n\n redeem: Redeem | null = null;\n display: boolean = false;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n open(redeem: Redeem): void {\n this.redeem = redeem;\n this.display = true;\n }\n\n close(): void {\n this.display = false;\n this.redeem = null;\n }\n public isMultiChoices(ans: any): boolean {\n return typeof (ans) != \"string\";\n }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormGroup, FormArray, FormControl, Validators, AbstractControl } from '@angular/forms';\n\n@Component({\n selector: 'app-redeem-question',\n templateUrl: './redeem-question.component.html',\n styleUrls: ['./redeem-question.component.scss']\n})\nexport class RedeemQuestionComponent implements OnInit {\n\n @Input() question: FormGroup = new FormGroup({});\n @Input() index: number = 0;\n @Input() delete: (index: number) => void = () => { };\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n addOption(): void {\n (this.question.controls['options'] as FormArray)\n .push(new FormControl(null, [Validators.required]));\n }\n\n removeOption(index: number): void {\n (this.question.controls['options'] as FormArray)\n .removeAt(index);\n\n this.question.markAsDirty();\n }\n\n get questionInput(): AbstractControl {\n return this.question.controls['question'];\n }\n\n get setting(): AbstractControl {\n return this.question.controls['setting'];\n }\n\n get options(): FormArray {\n return this.question?.controls['options'] as FormArray;\n }\n\n duplicateCheck(control: FormControl, index: number): void {\n if (((this.question.controls['options'] as FormArray).value as string[]).indexOf(control.value) < index) {\n control.setErrors({ 'duplicated': true })\n }\n }\n}\n","","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { Center } from \"src/app/models/centers/center\";\nimport { CreateProductModel } from \"src/app/models/redeems/create-product-model\";\nimport { ProductListItem } from \"src/app/models/redeems/product-list-item\";\n\nexport class CreateProductForm {\n formGroup: FormGroup = new FormGroup({\n title: new FormControl(null, [Validators.required]),\n source: new FormControl(null, [Validators.required]),\n format: new FormControl(null, [Validators.required]),\n target: new FormControl(null, [Validators.required]),\n targetAll: new FormControl(false),\n price: new FormControl(null, [Validators.required, Validators.min(0)]),\n stock: new FormControl(null, [Validators.required, Validators.min(-1)]),\n adequateStock: new FormControl(false),\n limit: new FormControl(null, [Validators.required, Validators.min(-1)]),\n noLimit: new FormControl(false),\n closeDate: new FormControl(null, [Validators.required]),\n description: new FormControl(null, [Validators.required]),\n launchDate: new FormControl(null, [Validators.required]),\n launchImmediately: new FormControl(false),\n questionSetting: new FormControl(null, [Validators.required]),\n free: new FormControl(false)\n });\n centers: Center[] = [];\n image: Blob | null = null\n imagePath:string|null=null;\n constructor() {\n (this.formGroup.controls['targetAll'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['target'];\n\n if (value == true) {\n control.disable();\n control.setValue(\"所有會員\")\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['adequateStock'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['stock'];\n\n if (value == true) {\n control.disable();\n control.setValue(-1)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['noLimit'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['limit'];\n\n if (value == true) {\n control.disable();\n control.setValue(-1)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['launchImmediately'] as FormControl)\n .valueChanges.subscribe(value => {\n\n let date = this.formGroup.controls['launchDate'];\n\n if (value == true) {\n date.disable();\n date.setValue(null)\n }\n else {\n date.enable();\n date.setValue(null);\n }\n });\n\n (this.formGroup.controls['free'] as FormControl)\n .valueChanges.subscribe(value => {\n var control = this.formGroup.controls['price'];\n\n if (value == true) {\n control.disable();\n control.setValue(0)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n });\n\n (this.formGroup.controls['closeDate'] as FormControl)\n .valueChanges.subscribe(value => {\n if (this.formGroup.controls['launchDate'].valid && this.formGroup.controls['closeDate'].valid) {\n if (this.formGroup.controls['launchImmediately'].value == false && (this.formGroup.controls['launchDate'].value as Date) > (this.formGroup.controls['closeDate'].value as Date)) {\n this.formGroup.controls['closeDate'].setErrors({ invalid: \"invalid\" });\n }\n }\n });\n\n (this.formGroup.controls['launchDate'] as FormControl)\n .valueChanges.subscribe(value => {\n if (this.formGroup.controls['launchDate'].valid && this.formGroup.controls['closeDate'].valid) {\n if (this.formGroup.controls['launchImmediately'].value == false && (this.formGroup.controls['launchDate'].value as Date) > (this.formGroup.controls['closeDate'].value as Date)) {\n this.formGroup.controls['closeDate'].setErrors({ invalid: \"invalid\" });\n }\n }\n });\n }\n\n isValid(): boolean {\n return this.formGroup.valid;\n }\n\n getFormData(): FormData {\n let date = new Date();\n date = new Date(date.getTime() + 180000);\n\n let model: CreateProductModel = {\n ProductName: this.formGroup.controls['title'].value,\n Description: this.formGroup.controls['description'].value,\n Price: this.formGroup.controls['price'].value,\n Stock: this.formGroup.controls['stock'].value,\n MaximumQuantityPerPerson: this.formGroup.controls['limit'].value,\n LaunchDate: this.formGroup.controls['launchImmediately'].value == true ? date.toJSON() : (this.formGroup.controls['launchDate'].value as Date).toJSON(),\n CloseDate: (this.formGroup.controls['closeDate'].value as Date).toJSON(),\n Brand: this.formGroup.controls['source'].value,\n Target: this.formGroup.controls['target'].value,\n Format: this.formGroup.controls['format'].value,\n Image: this.image,\n CenterList: this.centers.map(center => center.uuId),\n IsAnswerQuestionRequired: this.formGroup.controls['questionSetting'].value\n }\n\n let data = new FormData();\n Object.keys(model).forEach(key => {\n if (key == \"CenterList\") {\n if ((model[key] as string[]).length > 0)\n (model[key] as string[]).forEach(value => data.append(key, value));\n return;\n }\n if(key==\"Image\"&&( this.image as any)?.name==undefined){\n if(model[\"Image\"]!=null)\n data.append(key, model[\"Image\"],this.formGroup.controls['title'].value+(model[\"Image\"].type==\"image/jpg\"?\".jpg\":\".png\"));\n }else\n data.append(key, model[key]);\n })\n\n return data;\n }\n\n apply(product: ProductListItem): void {\n this.formGroup.reset();\n this.centers = [];\n\n this.formGroup.controls['title'].setValue(product.productName);\n this.formGroup.controls['format'].setValue(product.format == \"FirstComeFirstServed\" ? \"1\" : \"0\");\n }\n}","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { Center } from \"../../../models/centers/center\";\nimport { Product } from \"../../../models/redeems/product\"\nimport { UpdateProductModel } from \"../../../models/redeems/update-product-model\"\n\nexport class UpdateProductForm {\n uuId: string;\n formGroup: FormGroup\n centers: Center[] = [];\n image!: Blob;\n\n constructor(product: Product) {\n this.uuId = product.uuId;\n this.formGroup = new FormGroup({\n productName: new FormControl(product.productName, [Validators.required]),\n brand: new FormControl(product.brand, [Validators.required]),\n imagePath: new FormControl(product.imagePath),\n format: new FormControl(product.format == \"StaffOpting\" ? \"0\" : \"1\", [Validators.required]),\n price: new FormControl(product.price, [Validators.required, Validators.min(0)]),\n stock: new FormControl(product.stock, [Validators.required, Validators.min(-1)]),\n limit: new FormControl(product.maximumQuantityPerPerson, [Validators.required, Validators.min(-1)]),\n description: new FormControl(product.description, [Validators.required]),\n closeDate: new FormControl(product.closeDate, [Validators.required]),\n launchDate: new FormControl(product.launchDate, [Validators.required]),\n isAnswerQuestionRequired: new FormControl(product.isAnswerQuestionRequired, [Validators.required]),\n target: new FormControl(product.target),\n free: new FormControl(product.price == 0 ? true : false),\n adequateStock: new FormControl(product.stock == -1 ? true : false),\n noLimit: new FormControl(product.maximumQuantityPerPerson == -1 ? true : false),\n launchImmediately: new FormControl(false),\n targetAll: new FormControl(false),\n });\n\n if (product.stock == -1) {\n this.formGroup.controls['stock'].disable();\n }\n\n if (product.maximumQuantityPerPerson == -1) {\n this.formGroup.controls['limit'].disable();\n }\n\n if (product.price == 0) {\n this.formGroup.controls['price'].disable();\n }\n\n this.centers = product.centers;\n\n (this.formGroup.controls['targetAll'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['target'];\n\n if (value == true) {\n control.disable();\n control.setValue(\"所有會員\")\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['launchImmediately'] as FormControl)\n .valueChanges.subscribe(value => {\n\n let date = this.formGroup.controls['launchDate'];\n\n if (value == true) {\n date.disable();\n date.setValue(null)\n }\n else {\n date.enable();\n date.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['adequateStock'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['stock'];\n\n if (value == true) {\n control.disable();\n control.setValue(-1)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n\n (this.formGroup.controls['noLimit'] as FormControl)\n .valueChanges.subscribe(value => {\n\n var control = this.formGroup.controls['limit'];\n\n if (value == true) {\n control.disable();\n control.setValue(-1)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n\n });\n\n (this.formGroup.controls['free'] as FormControl)\n .valueChanges.subscribe(value => {\n var control = this.formGroup.controls['price'];\n\n if (value == true) {\n control.disable();\n control.setValue(0)\n }\n else {\n control.enable();\n control.setValue(null);\n }\n })\n }\n\n getFormData(): FormData {\n let date = new Date();\n date = new Date(date.getTime() + 180000);\n\n let model: UpdateProductModel = {\n ProductUUId: this.uuId,\n ProductName: this.formGroup.controls['productName'].value,\n Description: this.formGroup.controls['description'].value,\n Price: this.formGroup.controls['price'].value,\n Stock: this.formGroup.controls['stock'].value,\n MaximumQuantityPerPerson: this.formGroup.controls['limit'].value,\n LaunchDate: this.formGroup.controls['launchImmediately'].value == true ? date.toJSON() : (this.formGroup.controls['launchDate'].value as Date).toJSON(),\n CloseDate: (this.formGroup.controls['closeDate'].value as Date).toJSON(),\n Brand: this.formGroup.controls['brand'].value,\n Target: this.formGroup.controls['target'].value,\n Format: this.formGroup.controls['format'].value,\n Image: this.image,\n ImagePath: this.formGroup.controls['imagePath'].value,\n CenterList: this.centers.map(center => center.uuId),\n IsAnswerQuestionRequired: this.formGroup.controls['isAnswerQuestionRequired'].value\n }\n\n let data = new FormData();\n Object.keys(model).forEach(key => {\n if (key == \"CenterList\") {\n if ((model[key] as string[]).length > 0)\n (model[key] as string[]).forEach(value => data.append(key, value));\n return;\n }\n data.append(key, model[key]);\n })\n\n return data;\n }\n\n getCloseDate(): Date {\n return (this.formGroup.controls['closeDate'].value as Date);\n }\n}","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { Center } from 'src/app/models/centers/center';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { ProductService } from 'src/app/services/product/product.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { CreateProductForm } from '../../forms/create-product-form';\nimport { PopupMessages } from 'src/app/backend/popup-message';\n\n@Component({\n selector: 'app-redeem-create-page',\n templateUrl: './redeem-create-page.component.html',\n styleUrls: ['./redeem-create-page.component.scss']\n})\nexport class RedeemCreatePageComponent implements OnInit, AfterViewInit {\n\n @ViewChild('image') image!: ElementRef;\n file!: Blob;\n form: CreateProductForm = this.productService.form;\n\n constructor(\n private productService: ProductService,\n private loadingService: LoadingService,\n private router: Router,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n }\n\n ngAfterViewInit(): void {\n\n console.log(this.form.formGroup.controls['format'].value)\n if (this.form.image != null)\n (this.image.nativeElement as HTMLImageElement).src = URL.createObjectURL(this.form.image);\n else if(this.form.imagePath!=null){\n this.productService.getProductImage(this.form.imagePath)\n .subscribe({\n next: result => {\n\n this.file = result;\n this.form.image = result;\n console.log(this.file , this.form.image )\n setTimeout(() => \n { \n console.log(this.image,this.hasImage);\n (this.image.nativeElement as HTMLImageElement).src = URL.createObjectURL(result);\n }\n , 1000);\n\n },\n error: error => {\n //Do Nothing\n }\n })\n \n }\n }\n\n\n submit() {\n if (this.form.isValid() == false) {\n this.form.formGroup.markAllAsTouched();\n return;\n }\n if((this.form.formGroup.get(\"launchDate\")?.value as Date)\n
\n\n
\n 換領詳情
\n{{ '換領編碼：' | translate: {value: redeem.redeemCode} }}
\n\n
\n \n
\n 申請兌換時間：
\n 等候處理中
\n {{ redeem.redeemDate | date: 'yyyy-MM-dd HH:mm:ss'}}
\n \n
\n 領取時間：
\n 兌換中
\n {{ redeem.deliveredDate | date: 'yyyy-MM-dd HH:mm:ss'}}
\n \n
\n\n \n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 電話
\n\n
\n 用戶餘額
\n\n
\n 換領數量
\n\n
\n 交易時分
\n\n
\n \n
\n {{ redeem.memberId}}
\n\n
\n {{ redeem.chineseName }}
\n\n
\n {{ redeem.centerCode }}
\n\n
\n {{ redeem.phone }}
\n\n
\n {{ redeem.timeBalance | number }}
\n\n
\n {{ redeem.quantity }}
\n\n
\n {{ redeem.price }}
\n\n \n \n
\n\n \n
\n {{ index }}. {{ reason.question }}
\n\n \n \n \n \n \n \n
\n \n \n
\n \n
","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Center } from 'src/app/models/centers/center';\nimport { Product } from 'src/app/models/redeems/product';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ProductService } from 'src/app/services/product/product.service';\n\n@Component({\n selector: 'app-redeem-detail-page',\n templateUrl: './redeem-detail-page.component.html',\n styleUrls: ['./redeem-detail-page.component.scss']\n})\nexport class RedeemDetailPageComponent implements OnInit {\n\n @ViewChild('image') image!: ElementRef;\n @ViewChild('image2') image2!: ElementRef;\n product!: Product;\n file!: Blob;\n editing: boolean = false;\n\n lang: string = this.translateService.currentLang;\n\n notices: boolean[] = [true, true, true];\n\n constructor(\n private loadingService: LoadingService,\n private productService: ProductService,\n private route: ActivatedRoute,\n private translateService: TranslateService,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n });\n this.fetch();\n }\n\n fetchImage(): void {\n this.productService.getProductImage(this.product.imagePath)\n .subscribe({\n next: result => {\n this.file = result;\n this.product.form.image = result;\n let element = this.image.nativeElement as HTMLImageElement\n element.src = URL.createObjectURL(result);\n },\n error: error => {\n //Do Nothing\n }\n })\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.productService.getProduct(value.id)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: result => {\n this.product = result;\n if (this.product.imagePath == null)\n return;\n this.fetchImage();\n }\n });\n });\n }\n\n disableProduct(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DisableProductMessage(this.productService.disableProduct(this.product.uuId)))\n }\n\n centerPopupAction: (centers: Center[]) => void = ((centers: Center[]) => {\n this.product.form.centers = centers;\n }).bind(this);\n\n toggleEdit(): void {\n this.editing = true;\n if (this.file && this.product.isLaunched == false)\n setTimeout(() => (this.image2.nativeElement as HTMLImageElement).src = URL.createObjectURL(this.file), 500)\n }\n\n submit(): void {\n let observable!: Observable\n
\n\n 獎勵兌換
\n/
\n發布獎勵
\n發布獎勵
\n\n\n \n
\n\n
\n\n\n\n
\n\n 獎勵兌換
\n/
\n獎勵詳情
\n獎勵詳情
\n\n\n
\n\n
\n\n \n\n \n {{ '記錄編號：' | translate: {value: product.id} }}
\n{{ '創建時間：' | translate:{value: product.createdAt | date: 'yyyy-MM-dd HH:mm'} }}\n
\n
\n\n
\n\n 1
\ndone
\n\n
\n \n
\n 等候發布
\n \n該獎勵尚未發布
\n\n
\n\n 2
\ndone
\n\n
\n \n
\n 進行中
\n \n該獎勵已發布，換領進行中
\n\n
\n\n 3
\ndone
\n\n
\n \n
\n 換領結束
\n \n該獎勵已結束換領，14日後自動下架
\n\n
\n 4
\n\n
\n \n
\n 已完結
\n該獎勵已下架
\n\n
\n 0 && notices[0]\">\n
\n\n 有會員參與了該獎勵兌換項目，請在“參與用戶”中查看
\n close\n\n
\n\n 庫存不足，如有需要，可點擊“編輯”增加庫存
\n close\n\n
\n 已過截止兌換日期，已兌換人數仍少於庫存數量，請職員處理
\n close\n\n
\n\n\n\n
\n\n 獎勵概覽
\n/
\n獎勵詳情
\n \n參與用戶
\n\n\n
\n\n
\n\n {{ '記錄編號：' | translate: {value: product.id} }}
\n{{ '創建時間：' | translate: { value: product.createdAt | date: 'yyyy-MM-dd HH:mm'} }}
\n\n
\n\n \n
\n\n \n
\n 獎勵標題
\n{{ product.productName }}
\n\n \n \n\n
\n 項目狀態
\n未發布
\n進行中
\n庫存不足
\n等待抽籤
\n已結束
\n已下架
\n已修改
\n\n
\n\n \n
\n 參與方式
\n先到先得
\n職員處理
\n\n
\n 兌換比率
\n{{ '單個獎勵須扣除時分' | translate: { value: product.price } }}
\n\n
\n\n \n
\n 截止換領
\n{{ product.closeDate | date : 'longDate' : '' : lang }} {{ product.closeDate | date : 'HH:mm' }}
\n\n
\n 換領次限
\n{{ '每個用戶最多可換領數量件' | translate: {value: product.maximumQuantityPerPerson} }}
\n不限次限
\n\n
\n \n \n \n
\n 庫存
\n剩餘
\n{{ product.stock }}
\n{{ '/件' | translate: {value: totalStock} }}
\n庫存充足
\n\n \n
\n \n
\n\n
\n\n {{ '已兌換' | translate: {value: redeemedUsers.length} }}
\n{{ '等候處理' | translate: {value: pendingUsers.length} }}
\n\n \n
\n \n
\n\n\n\n
\n\n 獎勵兌換
\n/
\n獎勵概覽
\n獎勵概覽
\n\n\n
\n\n \n
\n
\n \n
\n\n \n
\n\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { Location } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { Service } from 'src/app/models/services/service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\nimport { RedeemService } from 'src/app/services/redeem/redeem.service';\n\n@Component({\n selector: 'app-select-redeem-user-page',\n templateUrl: './select-redeem-user-page.component.html',\n styleUrls: ['./select-redeem-user-page.component.scss']\n})\nexport class SelectRedeemUserPageComponent implements OnInit {\n\n count: number = 0;\n pages: number = 0;\n profiles: Profile[] = [];\n caches: Profile[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n centers: [],\n districts: [],\n subDistricts: [],\n services: [],\n conditions: [],\n healths: [],\n genders: [],\n memberIdOrder: true,\n creditOrder: null,\n cellGroup:[]\n };\n\n constructor(\n private profileService: ProfileService,\n private loadingService: LoadingService,\n private route: ActivatedRoute,\n private router: Router,\n private redeemService: RedeemService,\n private location: Location,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n\n this.route.params.subscribe(value => {\n this.caches = this.redeemService.user ? [this.redeemService.user] : [];\n })\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.profiles = value.list;\n this.count = value.count;\n this.pages = Math.ceil(value.count / this.filters.itemsPerPage);\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n cacheSelectedProfile(profile: Profile): void {\n if (profile.selected)\n this.caches.push(profile);\n else\n this.caches.splice(this.caches.findIndex(u => u.uuId == profile.uuId), 1);\n }\n\n changePage(): void {\n this.route.params.subscribe(value => {\n this.router.navigate(['/main/redeem/overview', value.id, 'select-redeem-user'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n });\n }\n\n searchFilterAction = ((value: string | any) => {\n this.filters.searchInput = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n centerFilterAction = ((value: Center[] | any) => {\n this.filters.centers = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n conditionFilterAction = ((genders: string[] | any, healths: Health[] | any, livings: Living[] | any) => {\n this.filters.genders = genders;\n this.filters.healths = healths;\n this.filters.conditions = livings;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n }\n\n cellGroupFilterAction = ((center: Center[]) => {\n this.filters.cellGroup=[];\n center.forEach(c=>c.cellGroups.forEach(cg=>cg.selected?this.filters.cellGroup.push(cg):null))\n console.log(this.filters.cellGroup);\n this.fetch();\n }).bind(this);\n \n submit(): void {\n if (this.caches.length == 0) {\n this.popupMessageService.messageSignal.emit(PopupMessages.EmptyRequesterErrorMessage);\n return;\n }\n\n this.redeemService.user = this.caches[0];\n this.route.params.subscribe(value => {\n this.router.navigate(['/main/redeem/overview', value.id, 'management']);\n });\n }\n\n back(): void {\n this.location.back();\n }\n\n get selectedUser(): Profile | null {\n return this.caches.length > 0 ? this.caches[0] : null;\n }\n\n}\n","\n
\n\n 獎勵兌換
\n/
\n獎勵設置
\n獎勵設置
\n\n\n
\n\n\n
\n \n
\n\n \n
\n\n 功能設置
\n欄目帶 * 號為必填項
\n\n
\n\n 屏蔽設置
\n\n
\n 以下所選中心的全部會員在APP中會屏蔽整個獎勵兌換功能區
\n \n\n
\n {{ center.centerCode }}
\n{{ center.name }}
\n移除
\n\n
\n 新增中心
\n add_circle\n\n
\n\n \n\n \n
\n\n 問卷設置
\n欄目帶 * 號為必填項
\n\n
\n\n 問題設置適用於通用獎勵兌換功能，如職員發布某獎勵項目時設置會員須回答問題，會員則必須作答以下問題才可換領
\n\n\n \n \n\n
\n \n add_circle\n
\n 增加問題（最多可設置3個問題）
\n\n \n
\n \n
\n\n\n\n
\n\n 獎勵兌換
\n/
\n獎勵詳情
\n/
\n參與用戶
\n新增用戶
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n \n \n\n \n \n
\n\n\n\n\n \n
\n 欄目帶 * 號為必填項
\n\n\n
\n\n 會員姓名
\n \n \n\n
\n\n 會員編號
\n \n \n\n
\n 身體狀況
\n無
\n\n 0\">\n
\n \n
\n \n
\n {{ health.name }}
\n visibility\n visibility_off\n\n
\n\n\n \n \n
\n邀請義工
\n未指定
\n\n
\n\n 未指定，請在義工列表中確認人選
\n \n 0\">\n
\n \n
\n\n 已選擇
\n{{ form.volunteers.length }}
\n/
\n{{ numberOfVolunteer.value }}
\n位義工
\n\n
\n \n
\n add_circle\n {{ volunteer.chineseName }}
\n close\n\n \n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { VolunteerService } from 'src/app/services/volunteer/volunteer.service';\nimport { Request } from 'src/app/models/requests/request';\nimport { Volunteer } from 'src/app/models/requests/volunteer';\nimport { Transaction } from 'src/app/models/transactions/transaction';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\nimport { finalize } from 'rxjs/operators';\n\n@Component({\n selector: 'app-request-detail-volunteer-table',\n templateUrl: './request-detail-volunteer-table.component.html',\n styleUrls: ['./request-detail-volunteer-table.component.scss']\n})\nexport class RequestDetailVolunteerTableComponent implements OnInit {\n\n @Input() request!: Request;\n @Input() reloadAction: () => void = () => { }\n\n filters: any = {\n page: 1,\n itemsPerPage: 10,\n };\n\n constructor(\n private popupMessageService: PopupMessageService,\n private loadingService: LoadingService,\n private volunteerService: VolunteerService,\n private route: ActivatedRoute,\n private transactionService: TransactionService\n ) { }\n\n ngOnInit(): void {\n }\n\n showInterest(userUUId: string): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.volunteerService.showInterest(value.id, { volunteersUUId: [userUUId] })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.reloadAction();\n });\n })\n }\n\n match(userUUId: string): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.volunteerService.match(value.id, { volunteersUUId: [userUUId] })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.reloadAction();\n });\n })\n }\n\n checkIn(userUUId: string): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.volunteerService.checkIn(value.id, { volunteersUUId: [userUUId] })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.reloadAction();\n })\n });\n }\n\n editTransaction(transaction: Transaction): void {\n if (transaction.form.invalid) {\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n this.loadingService.startLoading();\n this.transactionService.editTransaction(transaction.uuId, { amount: transaction.form.value })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n transaction.uuId = value.newTransactionUUId;\n transaction.amount = transaction.form.value\n transaction.editing = false;\n this.popupMessageService.messageSignal.emit(PopupMessages.EditTransactionSuccessMessage);\n }\n });\n }\n\n get pages(): number {\n return Math.ceil(this.request.volunteers.length / this.filters.itemsPerPage);\n }\n\n get startToday(): boolean {\n let today = new Date()\n return this.request.requestStatus == 'Ready' &&\n (this.request ?\n this.request.startTime.getFullYear() == today.getFullYear()\n && this.request.startTime.getMonth() == today.getMonth()\n && this.request.startTime.getDate() == today.getDate() : false)\n }\n\n get displayedVolunteers(): Volunteer[] {\n return this.request.volunteers.slice((this.filters.page - 1) * this.filters.itemsPerPage, this.filters.page * this.filters.itemsPerPage);\n }\n\n get spending(): number {\n return this.request.volunteers.filter(v => v.volunteerStatus == 'CheckedOut').map(v => v.transaction ? v.transaction.amount : 0).reduce((sum, t) => sum + t, 0);\n }\n}\n","\n
\n\n\n\n
\n\n \n
\n\n 會員編號
\n\n
\n\n 中文姓名
\n\n
\n\n 中心代碼
\n\n
\n\n 性別
\n\n
\n\n 年齡
\n\n
\n\n 電話
\n\n
\n\n 狀態
\n\n
\n\n 交易時分
\n\n
\n 操作
\n\n
\n\n \n
\n\n {{ volunteer.memberId }}
\n\n
\n\n {{ volunteer.chineseName }}
\n\n
\n\n {{ volunteer.center.centerCode }}
\n\n
\n\n {{ volunteer.gender | translate }}
\n\n
\n\n {{ volunteer.age }}
\n\n
\n\n {{ volunteer.phone }}
\n-
\n\n
\n\n 暫無回應
\n沒有參與
\n接受邀請
\n已配對
\n未報到
\n已報到
\n缺席
\n進行中
\n已完結
\n已拒絕
\n\n \n \n
\n\n -
\n{{ volunteer.transaction.amount | number }}
\n \n\n \n \n\n \n \n\n \n \n \n\n \n \n \n\n \n \n
\n 接受
\n配對
\n報到
\n修改時分
\n反饋
\n確認
\n取消
\n檢視
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n{{ request.requester.memberId }} {{ request.requester.chineseName }}
\n總共支出
\n{{ spending | number }}
\n時分至所選會員帳戶
\n\n\n
\n\n
\n\n 你已選擇配對
\n{{ request.numberOfMatchedVolunteers }}
\n{{ '/位義工' | translate: {value: request.numberOfVolunteer} }}
\n\n
\n\n 服務尚未開始
\n\n
\n\n \n\n 已報到
\n{{ request.numberOfCheckedInVolunteers }}
\n/
\n{{ request.numberOfVolunteer }}
\n人，最後報到時間
\n{{ request.latestCheckedInTime | date: 'hh:mm aa' }}
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { RequestListItem } from 'src/app/models/requests/request-list-item';\nimport { Service } from 'src/app/models/services/service';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\n\n@Component({\n selector: 'app-request-overview',\n templateUrl: './request-overview.component.html',\n styleUrls: ['./request-overview.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class RequestOverviewComponent implements OnInit {\n\n requests: RequestListItem[] = [];\n caches: RequestListItem[] = [];\n count: number = 0;\n pages: number = 0;\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n services: [],\n districts: [],\n subDistricts: [],\n from: null,\n to: null,\n statuses: [],\n isDeleted: null,\n isUrgent: null,\n idOrder: null,\n dateOrder: true\n }\n\n constructor(\n private requestService: RequestService,\n private loadingService: LoadingService,\n private route: ActivatedRoute,\n private router: Router,\n private popupMessageService: PopupMessageService,\n private exportService: ExportService,\n private importService: ImportService\n ) { }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n\n this.importService.refreshSignal.subscribe(value => {\n this.fetch();\n });\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.requestService.getRequests(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.requests = value.list;\n this.count = value.count;\n this.pages = value.count != 0 ? Math.ceil(value.count / this.filters.itemsPerPage) : 0;\n this.requests.forEach(request => {\n if (this.caches.find(r => r.uuId == request.uuId))\n request.selected = true;\n });\n });\n }\n\n searchFilterAction: (input: string) => void = ((input: string) => {\n this.filters.searchInput = input;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n dateFilterAction = ((start: Date, end: Date) => {\n this.filters.from = start;\n this.filters.to = end;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n statusFilterAction = ((statuses: string[], urgent: boolean) => {\n this.filters.statuses = statuses;\n this.filters.isUrgent = urgent;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n changePage(): void {\n this.router.navigate(['/main/activity/overview/request'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n }\n\n deleteRequest(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteRequestMessage(this.requestService.deleteRequests([uuId])));\n }\n\n deleteRequestList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.caches = [];\n this.fetch();\n subscriber.unsubscribe();\n });\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteRequestListMessage(this.requestService.deleteRequests(this.caches.map(r => r.uuId))));\n }\n\n cacheRequest(request: RequestListItem): void {\n if (request.selected)\n this.caches.push(request);\n else\n this.caches.splice(this.caches.findIndex(r => r.uuId == request.uuId), 1);\n }\n\n applyAgain(request: RequestListItem): void {\n this.requestService.getRequestByUUId(request.uuId)\n .subscribe(value => {\n this.requestService.form.formGroup.reset();\n this.requestService.form.volunteers = [];\n this.requestService.form.requester = value.requester.uuId;\n this.requestService.form.formGroup.controls['service'].setValue(value.service.uuId);\n this.requestService.form.formGroup.controls['start'].setValue(value.startTime);\n this.requestService.form.formGroup.controls['end'].setValue(value.endTime);\n this.requestService.form.formGroup.controls['venue'].setValue(value.venue.room.uuId);\n this.requestService.form.formGroup.controls['destination'].setValue(value.destination.room.uuId);\n this.requestService.form.formGroup.controls['numberOfVolunteer'].setValue(value.numberOfVolunteer);\n this.requestService.form.formGroup.controls['remark'].setValue(value.remark);\n this.requestService.form.formGroup.controls['transportation'].setValue(value.transportation ? value.transportation.uuId : null);\n this.router.navigate(['/main/activity/create/request']);\n });\n }\n\n selectAll(): void {\n if (this.isSelectedAll) {\n this.requests.forEach(r => {\n r.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == r.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.requests.filter(request => request.selected == false));\n this.requests.forEach(r => r.selected = true);\n }\n }\n\n get isSelectedAll(): boolean {\n return this.requests.every(request => request.selected == true);\n }\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.statuses.map((s: string) => \"&statuses=\" + s).join(\"\"))\n + (this.filters.from ? \"&from=\" + this.filters.from.toISOString() : \"\")\n + (this.filters.to ? \"&to=\" + this.filters.to.toISOString() : \"\")\n + (this.filters.idOrder != null ? \"&orderById=\" + String(this.filters.idOrder) : \"\")\n + (this.filters.dateOrder != null ? \"&orderByDate=\" + String(this.filters.dateOrder) : \"\")\n + (this.filters.isDeleted ? \"&isDeleted=\" + String(this.filters.isDeleted) : \"\")\n + (this.filters.isUrgent ? \"&isUrgent=\" + String(this.filters.isUrgent) : \"\");\n }\n\n private getEverythingsQueryString(): string {\n return \"?start=0&limit=100000000\"\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.statuses.map((s: string) => \"&statuses=\" + s).join(\"\"))\n + (this.filters.from ? \"&from=\" + this.filters.from.toISOString() : \"\")\n + (this.filters.to ? \"&to=\" + this.filters.to.toISOString() : \"\")\n + (this.filters.idOrder != null ? \"&orderById=\" + String(this.filters.idOrder) : \"\")\n + (this.filters.dateOrder != null ? \"&orderByDate=\" + String(this.filters.dateOrder) : \"\")\n + (this.filters.isDeleted ? \"&isDeleted=\" + String(this.filters.isDeleted) : \"\")\n + (this.filters.isUrgent ? \"&isUrgent=\" + String(this.filters.isUrgent) : \"\");\n }\n\n exportRequests(): void {\n if (this.caches.length > 0) {\n this.exportService.exportRequests(this.caches.map(r => r.getExportModel()), { startDate: this.filters.from, endDate: this.filters.to });\n }\n\n this.loadingService.startLoading();\n this.requestService.getRequests(this.getEverythingsQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.exportService.exportRequests(value.list.map(r => r.getExportModel()), { startDate: this.filters.from, endDate: this.filters.to });\n });\n }\n\n openImportPopup(): void {\n this.importService.importPopupSignal.emit(\"Request\");\n }\n}\n","\n
\n重置
\n\n\n
\n\n 義工：
\n{{ volunteer.chineseName }}
\n\n
\n\n \n\n 對申請人評價
\n\n
\n \n star\n star_border\n
\n\n {{ '該評價由職員' | translate: {value: volunteer.volunteerCommentCreatedBy } }}
\n\n\n \n \n \n \n
\n {{ question.value.Q }}
\n\n \n \n \n
\n \n \n \n \n \n
\n VolunteerOtherComment
\n\n \n
\n \n \n \n
\n \n
\n\n\n
\n\n\n
\n\n\n
\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 申請人
\n\n
\n 電話
\n\n
\n 服務類型
\n\n
\n 服務日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 狀態
\n\n
\n 時分
\n\n
\n 義工
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ request.id }}
\n\n
\n {{ request.requester.chineseName }}
\n\n
\n \n \n
\n \n {{ request.requester.phone }}
\n\n \n
\n {{ request.service.name }}
\n\n
\n {{ request.startTime | date: 'dd-MM-yyyy' }}
\n\n
\n \n
\n 等候配對
\n\n
\n 未開始
\n\n
\n 進行中
\n\n
\n 已完結
\n\n
\n 已終止
\n\n
\n 配對超時
\n\n
\n 超時開始
\n\n
\n \n 超時結束
\n\n
\n -
\n{{ request.actualDuration | number:'1.0-2' }}
\n\n
\n 0\" style=\"flex-basis: 1rem;\">{{ request.JoinedVolunteers[0].chineseName }}
\n1\">...+{{ request.JoinedVolunteers.length - 1}}
\n \n\n
\n 檢視
\n移除
\n more_horiz\n\n
\n 重新邀請
\n再次申請
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\n\n@Component({\n selector: 'app-request-start-popup',\n templateUrl: './request-start-popup.component.html',\n styleUrls: ['./request-start-popup.component.scss']\n})\nexport class RequestStartPopupComponent implements OnInit {\n\n display: boolean = false;\n form: FormControl = new FormControl(new Date())\n\n constructor(\n private popupMessageService: PopupMessageService,\n private requestService: RequestService,\n private loadingService: LoadingService,\n private route: ActivatedRoute\n ) { }\n\n ngOnInit(): void {\n }\n\n open(): void {\n this.display = true;\n }\n\n close(): void {\n this.display = false;\n }\n\n confirm() {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.requestService.startRequest(value.id, { dateTime: this.form.value.toISOString() })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.StartRequestSuccessMessage);\n });\n });\n }\n}\n","\n
\n\n 對義工評價
\n\n
\n \n star\n star_border\n error_outline\n
\n\n 該評價視為申請人對整體義工進行評價，查看詳情可查看具體評價
\n\n
\n\n {{ '該評價由職員' | translate: {value: ratedBy} }}
\n\n
\n {{ question[0] }}
\n \n\n
\n RequesterOtherComment
\n \n\n
\n\n 對申請人評價
\n\n
\n \n star\n star_border\n error_outline\n
\n\n 該評分是經過系統收集參與義工對申請人的評價後計算的平均數值，在配對義工列表中點擊“反饋”可查看具體評價
\n\n
\n {{ '已有位參與義工評價' | translate: {value : vcount} }}
\n\n
\n\n 備註
\n{{ request.staffComment }}
\n暫無
\n \n\n \n
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Requester } from 'src/app/models/requests/requester';\nimport { Transaction } from 'src/app/models/transactions/transaction';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\n\n@Component({\n selector: 'app-request-subsidy',\n templateUrl: './request-subsidy.component.html',\n styleUrls: ['./request-subsidy.component.scss']\n})\nexport class RequestSubsidyComponent implements OnInit {\n\n @Input() subsidy!: Transaction | null;\n @Input() reloadAction: () => void = () => { }\n @Input() requester!: Requester;\n\n form!: FormGroup;\n editing!: boolean;\n\n constructor(\n private popupMessageService: PopupMessageService,\n private requestService: RequestService,\n private transcationService: TransactionService,\n private loadingService: LoadingService,\n private route: ActivatedRoute\n ) { }\n\n ngOnInit(): void {\n this.form = new FormGroup({\n isSubsidised: new FormControl(this.subsidy ? true : false),\n amount: new FormControl(this.subsidy ? this.subsidy.amount : null, [Validators.required])\n });\n\n this.editing = this.subsidy ? false : true;\n }\n\n\n subsidise(): void {\n if (this.form.invalid) {\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n if (this.subsidy)\n this.updateSubsidy();\n else\n this.createSubsidy();\n }\n\n private createSubsidy(): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n console.log(value);\n this.requestService.giveRequestAllowance({ requestUUId: value.id, amount: this.form.controls['amount'].value })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.editing = false;\n this.reloadAction();\n });\n });\n }\n\n private updateSubsidy(): void {\n this.route.params.subscribe(() => {\n this.loadingService.startLoading();\n this.transcationService.editTransaction(this.subsidy?.uuId as string, { amount: this.form.controls['amount'].value })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.editing = false;\n this.reloadAction();\n })\n });\n }\n\n\n get isSubsidised(): boolean {\n return this.form.controls['isSubsidised'].value;\n }\n\n}\n","\n
\n請輸用實際開始時間
\n\n \n \n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\n\n@Component({\n selector: 'app-request-terminate-popup',\n templateUrl: './request-terminate-popup.component.html',\n styleUrls: ['./request-terminate-popup.component.scss']\n})\nexport class RequestTerminatePopupComponent implements OnInit {\n\n @Input() reloadAction: () => void = () => { }\n\n public display: boolean = false;\n public reasons: [string, boolean][] = [\n [\"受助者日程有變\", false],\n [\"義工不足\", false],\n [\"更改申請內容\", false],\n [\"自訂原因\", false]\n ];\n public reasonText: string | null = null;\n\n constructor(\n private loadingService: LoadingService,\n private requestService: RequestService,\n private popupMessageService: PopupMessageService,\n private route: ActivatedRoute\n ) { }\n\n ngOnInit(): void {\n }\n\n cancelRequest(): void {\n this.route.params.subscribe(value => {\n var customReason: [string, boolean] = this.reasons.slice(this.reasons.length - 1, this.reasons.length)[0];\n var model: { CancelRequestReason: string } = {\n CancelRequestReason: this.reasons.some(reason => reason[1]) ?\n (this.reasons\n .slice(0, this.reasons.length - 1)\n .filter(reason => reason[1])\n .map(reason => reason[0])\n .concat()\n .join() + (customReason[1] ? \",\" + this.reasonText : \"\")) : (customReason[1] ? \",\" + this.reasonText : \"\")\n }\n\n this.loadingService.startLoading();\n this.requestService.cancelRequest(value.id, model)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.close()\n this.popupMessageService.messageSignal.emit(PopupMessages.CancelRequestSuccessMessage);\n this.reloadAction()\n });\n })\n }\n\n open() {\n this.display = true;\n }\n\n close(): void {\n this.reasons.forEach(reason => reason[1] = false);\n this.reasonText = null;\n this.display = false;\n }\n}\n","中央補貼
\n \n\n\n
","\n
\n請選譯中止原因
\n\n \n\n \n\n\n \n \n
\n \n info\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { IHINRemark, IHINDetail } from 'src/app/models/requests/volunteer-choice';\n\n@Component({\n selector: 'app-volunteer-score-popup',\n templateUrl: './volunteer-score-popup.component.html',\n styleUrls: ['./volunteer-score-popup.component.scss']\n})\nexport class VolunteerScorePopupComponent implements OnInit {\n @Input() hinRemark!: IHINRemark;\n @Input() hinDetail!: IHINDetail;\n\n display: boolean = false;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n get sum(): number {\n console.log(this.hinDetail);\n if(this.hinDetail == null)\n return 0;\n\n return this.hinDetail.service\n + this.hinDetail.availability_start \n + this.hinDetail.availability_end \n + this.hinDetail.condition \n + this.hinDetail.address \n + this.hinDetail.completed \n + this.hinDetail.failed;\n }\n}\n","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { Profile } from \"src/app/models/profiles/profile\";\nimport { CreateRequestModel } from \"src/app/models/requests/create-request-model\";\nimport { VolunteerChoice } from \"src/app/models/requests/volunteer-choice\";\n\nexport class CreateRequestForm {\n requester: string | null;\n formGroup: FormGroup;\n volunteers: VolunteerChoice[];\n\n constructor() {\n this.requester = null;\n this.formGroup = new FormGroup({\n serviceType: new FormControl(null, Validators.required),\n service: new FormControl(null, Validators.required),\n date: new FormControl(null, [Validators.required]),\n start: new FormControl(null, [Validators.required]),\n end: new FormControl(null, [Validators.required]),\n noEndTime: new FormControl(false),\n venue: new FormControl(null, [Validators.required]),\n destination: new FormControl(null),\n numberOfVolunteer: new FormControl(null, [Validators.required, Validators.min(1), Validators.max(50)]),\n remark: new FormControl(null),\n transportation: new FormControl(null)\n })\n this.volunteers = [];\n\n this.formGroup.controls['date'].valueChanges.subscribe((date: Date) => {\n if (date == null)\n return;\n\n let start: Date = this.formGroup.controls['start'].value\n if (start != null) {\n start.setDate(date.getDate());\n start.setMonth(date.getMonth());\n start.setFullYear(date.getFullYear());\n this.formGroup.controls['start'].setValue(new Date(start));\n }\n else {\n this.formGroup.controls['start'].setValue(new Date(date));\n }\n\n let end: Date = this.formGroup.controls['end'].value\n if (end != null) {\n end.setDate(date.getDate());\n end.setMonth(date.getMonth());\n end.setFullYear(date.getFullYear());\n this.formGroup.controls['end'].setValue(new Date(end));\n }\n else {\n this.formGroup.controls['end'].setValue(new Date(date));\n }\n });\n\n this.formGroup.controls['noEndTime'].valueChanges.subscribe((value) => {\n if (value == true || this.formGroup.controls['noEndTime'].disabled)\n this.formGroup.controls['end'].disable();\n else\n this.formGroup.controls['end'].enable();\n });\n\n this.formGroup.controls['serviceType'].valueChanges.subscribe(value => {\n this.formGroup.controls['service'].setValue(null);\n })\n\n this.formGroup.controls['start'].valueChanges.subscribe(() => {\n this.validateDate();\n });\n\n this.formGroup.controls['end'].valueChanges.subscribe(() => {\n setTimeout(() => this.validateDate(), 100);\n });\n }\n\n validateDate(): void {\n if (this.formGroup.controls['start'].value == null || this.formGroup.controls['end'].value == null)\n return;\n if (this.formGroup.controls['start'].invalid || this.formGroup.controls['end'].invalid)\n return;\n if (this.formGroup.controls['start'].value as Date >= (this.formGroup.controls['end'].value as Date))\n this.formGroup.controls['end'].setErrors({ invalid: true })\n }\n\n get valid(): boolean {\n return this.formGroup.valid;\n }\n\n reset(): void {\n this.requester = null;\n this.volunteers = [];\n this.formGroup.reset();\n }\n\n getCreateRequestModel(): CreateRequestModel {\n return {\n originalRequestUUId: null,\n addressUUId: this.formGroup.controls['venue'].value,\n destinationUUId: this.formGroup.controls['destination'].value,\n service: this.formGroup.controls['service'].value,\n startTime: this.formGroup.controls['start'].value,\n endTime: this.formGroup.controls['noEndTime'].value == true ? null : this.formGroup.controls['end'].value,\n remark: this.formGroup.controls['remark'].value,\n numberOfVolunteer: this.formGroup.controls['numberOfVolunteer'].value,\n transportationUUId: this.formGroup.controls['transportation'].value,\n extraRequestJson: null\n };\n }\n}","import { Component, OnInit } from '@angular/core';\nimport { FormControl } from \"@angular/forms\";\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { forkJoin } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Request } from 'src/app/models/requests/request';\nimport { Transportation } from 'src/app/models/transportations/transportation';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { RequestService } from 'src/app/services/request/request.service';\nimport { TransportationService } from 'src/app/services/transportation/transportation.service';\n\n@Component({\n selector: 'app-request-detail-page',\n templateUrl: './request-detail-page.component.html',\n styleUrls: ['./request-detail-page.component.scss']\n})\nexport class RequestDetailPageComponent implements OnInit {\n\n request!: Request;\n transportations: Transportation[] = [];\n lang: string = this.translateService.currentLang;\n editing = false;\n remarkEdit=false;\n worker!: any;\n remark=new FormControl();\n\n\n constructor(\n private requestService: RequestService,\n private route: ActivatedRoute,\n private loadingService: LoadingService,\n private translateService: TranslateService,\n private transportationService: TransportationService,\n private router: Router,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n this.fetch()\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n });\n\n this.router.events.subscribe(() => {\n clearInterval(this.worker);\n })\n\n this.worker = setInterval(() => {\n if (this.request.requestStatus == 'Finished')\n return;\n this.refresh();\n }, 10000)\n }\n\n fetch(): void {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading()\n forkJoin({\n request: this.requestService.getRequestByUUId(value.id),\n transportations: this.transportationService.getTransportationList()\n }).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n\n this.request = value.request;\n this.transportations = value.transportations;\n this.remark=new FormControl(this.request.remark);\n });\n })\n }\n\n refresh(): void {\n this.route.params.subscribe(value => {\n this.requestService.getRequestByUUId(value.id)\n .subscribe(value => {\n this.request = value;\n });\n })\n }\n\n approve(): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.requestService.approveRequest(value.id)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => this.fetch());\n });\n }\n\n finish(): void {\n this.loadingService.startLoading();\n this.route.params.subscribe(value => {\n this.requestService.finishRequest(value.id)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => this.fetch());\n });\n }\n\n\n reloadAction: () => void = (() => {\n this.fetch();\n }).bind(this)\n\n saveCancelDetail():void{\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.requestService.cancelRequestReason(value.id, { CancelRequestReason: this.request.cancelRemark})\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.CancelRequestSuccessMessage);\n this.reloadAction()\n });\n });\n }\n \n updateRequest(): void {\n if (this.request.actualStartForm.value == null || this.request.actualStartForm.value == null) {\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n if (this.request.actualStartForm.value > this.request.actualEndForm.value) {\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidTimeMessage);\n return;\n }\n\n var cot = new Date(this.request.actualStartForm.value as Date);\n cot.setHours((this.request.actualEndForm.value as Date).getHours());\n cot.setMinutes((this.request.actualEndForm.value as Date).getMinutes());\n\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n forkJoin({\n request: this.requestService.editCheckInCheckOutTime(value.id, {\n CheckInTime: (this.request.actualStartForm.value as Date).toJSON(),\n CheckOutTime: cot.toJSON()\n }),\n transportation: this.transportationService.editRequestTransportation(value.id, this.request.transportationForm.value)\n }).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.editing=false;\n this.popupMessageService.messageSignal.emit(PopupMessages.EditRequestSuccessMessage);\n this.fetch();\n })\n })\n }\n updateRequestRemark():void {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.requestService.editRemark(value.id,{Remark:this.remark.value})\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.remarkEdit=false;\n this.popupMessageService.messageSignal.emit(PopupMessages.EditRequestSuccessMessage);\n this.fetch();\n })\n });\n }\n updateRequestTransportation(): void {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.transportationService.editRequestTransportation(value.id, this.request.transportationForm.value)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.editing=false;\n this.popupMessageService.messageSignal.emit(PopupMessages.EditRequestSuccessMessage);\n this.fetch();\n })\n })\n }\n}\n","\n
\n\n \n
\n\n 推薦總分
\n{{ sum }}
\n\n
\n \n
\n\n 可提供服務
\n+{{ hinDetail.service }}
\n\n info\n
\n 不適合
\n\n
\n\n 空閒時間
\n+{{ hinDetail.availability_start + hinDetail.availability_end }}
\n\n info\n
\n 沒有空閒
\n\n
\n\n 健康/居住條件
\n+{{ hinDetail.condition }}
\n\n info\n
\n 條件相斥
\n\n
\n\n 地理位置
\n+{{ hinDetail.address }}
\n\n info\n
\n 位置較遠
\n\n
\n 用戶反饋
\n+{{ hinDetail.completed + hinDetail.failed }}
\n\n info\n
\n 評分較低
\n\n
\n沒有評分
\n\n
\n\n\n
\n\n 請求/訂單
\n/
\n記錄詳情
\n記錄詳情
\n\n\n\n
\n\n \n
\n\n {{ '記錄編號：' | translate: {value: request.id} }}
\n{{ '創建時間：' | translate: {value: request.createdAt | date: 'yyyy-MM-dd HH:mm'} }}
\n\n\n \n \n \n\n \n \n\n \n \n\n \n \n\n\n \n \n\n \n
\n\n \n info\n
\n\n {{ '代理人代為申請該義工服務' | translate: {value1: request.agent.chineseName, value2: request.agent.phone} }}
\n\n
\n\n 申請服務
\n{{ request.service.type }} - {{ request.service.name }}
\n\n
\n\n 記錄狀態
\n\n
\n 等候配對
\n\n
\n 未開始
\n\n
\n 進行中
\n\n
\n 已完結
\n\n
\n 已終止
\n\n
\n 配對超時
\n\n
\n 超時開始
\n\n
\n 超時結束
\n\n
\n\n 聯絡電話
\n{{ request.requester.phone}}
\n\n
\n 預計開始
\n{{ request.startTime | date: 'hh:mm aa' }}，{{ request.startTime | date: 'longDate': '': lang }}
\n\n \n \n \n \n
\n 開始時間
\n\n{{ request.checkInTime | date: 'hh:mm aa' }}
\n編輯
\n確定
\n確定
\n取消
\n\n
\n 預計結束
\n{{ request.endTime | date: 'hh:mm aa' }}，{{ request.endTime | date: 'longDate': '': lang }}
\n\n \n \n\n \n \n
\n 結束時間
\n{{ request.checkOutTime | date: 'hh:mm aa' }}
\n編輯
\n確定
\n取消
\n\n
\n\n 提醒時限
\n15 分鐘
\n\n \n \n\n \n \n
\n\n 交通工具
\n自行選擇
\n{{ request.transportation.name }}
\n編輯
\n\n \n
\n 確定
\n取消
\n\n \n \n \n \n
\n\n 備註
\n\n{{ request.remark }}
\n無
\n\n \n \n
\n \n
\n 確定
\n取消
\n編輯
\n \n\n
\n\n 邀請義工
\n正在等候配對，尚未有義工接受邀請
\n已有義工接受邀請，尚未進行配對
\n超過時限，未有義工接受邀請
\n超過時限，尚未進行配對
\n尚未到服務日期
\n超過時限，服務尚未確認開始
\n服務正在進行中
\n超過時限，服務尚未確認結束
\n服務已確認結束
\n\n \n \n \n \n \n
\n \n
\n\n
\n \n
\n\n 會員姓名
\n{{ request.requester.chineseName }}
\n{{ request.requester.englishName }}
\n\n
\n \n 會員編號
\n{{ request.requester.memberId }}
\n\n
\n\n 聯絡電話
\n{{ request.requester.phone}}
\n\n
\n\n 身體狀況
\n無
\n\n 0\">\n
\n \n
\n \n
\n {{ health.name }}
\n visibility\n visibility_off\n\n
\n\n \n\n 緊急聯絡人
\n沒有緊急聯絡人
\n{{ request.requester.contactPersonName }}
\n({{ request.requester.contactPersonPhoneNumber }})
\n\n
\n\n 服務日期
\n{{ request.startTime | date: 'longDate': '' : lang }}
\n\n
\n\n 預計開始
\n{{ request.startTime | date: 'hh:mm aa' }}
\n\n
\n\n 預計結束
\n{{ request.endTime | date: 'hh:mm aa' }}
\n\n
\n\n 地址
\n{{ request.venue.toString() }}
\n\n
\n\n 目的地
\n{{ request.destination.toString() }}
\n\n
\n\n 義工數量
\n{{ request.numberOfVolunteer }}
\n\n
\n\n 備註
\n{{ request.remark }}
\n無
\n\n
\n 邀請義工
\n\n
\n {{ volunteer.chineseName }} ({{ volunteer.phone }})
\n\n
\n\n
\n\n 1
\n check\n\n
\n \n
\n 等候配對
\n \n該請求正在等候配對
\n\n
\n\n 2
\n check\n\n
\n \n
\n 未開始
\n \n服務正在等待開始
\n\n
\n\n 3
\n check\n\n
\n \n
\n 進行中
\n \n服務正在進行中
\n\n
\n 4
\n\n
\n \n
\n 已完結
\n服務已經確認結束
\n\n add_circle\n
\n\n 該記錄已終止
\n\n
\n\n 記錄狀態
\n\n
\n 已終止
\n\n
\n\n 預計開始
\n{{ request.startTime | date: 'hh:mm aa' }}，{{ request.startTime | date: 'longDate': '': lang }}
\n\n
\n\n 預計結束
\n{{ request.endTime | date: 'hh:mm aa' }}，{{ request.endTime | date: 'longDate': '': lang }}
\n\n
\n \n終止原因
\n\n \n
\n
\n \n
\n
\n\n\n\n
\n\n 請求/訂單
\n/
\n創建請求
\n/
\n用戶請求
\n用戶列表
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n 請求/訂單
\n/
\n創建請求
\n/
\n用戶請求
\n義工列表
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ selectedVolunteers.length }}
\n位義工
\n \n勾選全部
\n \n只顯示曾經配對過
\n\n
\n\n 合計
\n{{ volunteers.length }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n 0}\" (click)=\"toggle()\">\n location_on\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Region } from 'src/app/models/addresses/region';\nimport { Living } from 'src/app/models/livings/living';\nimport { AddressForm } from '../../forms/address-form';\n\n@Component({\n selector: 'app-address-form',\n templateUrl: './address-form.component.html',\n styleUrls: ['./address-form.component.scss']\n})\nexport class AddressFormComponent implements OnInit {\n\n @Input() index: number = 1;\n @Input() form: AddressForm = new AddressForm();\n @Input() dropAction: (index: number) => void = () => { }\n\n public regions: Region[] = [\n new Region(\"香港島\", [\"中西區\", \"東區\", \"南區\", \"灣仔區\"]),\n new Region(\"九龍\", [\"九龍城區\", \"觀塘區\", \"深水埗區\", \"黃大仙區\", \"油尖旺區\"]),\n new Region(\"新界\", [\"葵青區\", \"荃灣區\", \"屯門區\", \"元朗區\", \"西貢區\", \"大埔區\", \"離島區\", \"沙田區\", \"北區\"])\n ];\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n livingPopupAction = ((livings: Living[]) => {\n this.form.livings = livings;\n }).bind(this);\n\n dropAddress(): void {\n this.dropAction(this.index - 1);\n }\n\n dropLiving(index: number): void {\n this.form.livings.splice(index, 1);\n }\n\n get district(): AbstractControl {\n return this.form.formGroup.controls['district'];\n }\n\n get selectedRegion(): Region | undefined {\n return this.regions.find(r => r.name == this.form.formGroup.controls['region'].value);\n }\n}\n","0\">{{ numberOfSelectedAddresses }}
\n分區
\n\n
\n\n
\n\n \n
\n\n 分區
\n清除
\n\n
\n\n {{ subDistrict }}close
\n \n\n \n \n \n \n\n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { AbstractControl, FormControl, FormGroup } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-announcement-date-range-filter',\n templateUrl: './announcement-date-range-filter.component.html',\n styleUrls: ['./announcement-date-range-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class AnnouncementDateRangeFilterComponent implements OnInit {\n\n lang: string = this.translateService.currentLang;\n\n @Input() action: (start: Date, end: Date) => void = () => { }\n form: FormGroup = new FormGroup({\n start: new FormControl(null),\n end: new FormControl(null)\n });\n display: boolean = false;\n\n constructor(\n private translateService: TranslateService\n ) { }\n\n ngOnInit(): void {\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n })\n }\n\n public toggle(): void {\n if (this.end.value != null)\n (\n
\n\n 預設地址
\n1\" (click)=\"dropAddress()\" translate>移除
\n\n
\n\n
\n\n {{ '地址#' | translate: {value: index} }}
\n \n\n
\n\n {{ '居住條件 #' | translate: {value: index} }}
\n\n
\n \n
\n add_circle\n \n
\n {{ living.name }}
\n close\n\n date_range\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-announcement-status-filter',\n templateUrl: './announcement-status-filter.component.html',\n styleUrls: ['./announcement-status-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class AnnouncementStatusFilterComponent implements OnInit {\n\n @Input() action: (statuses: string[]) => void = () => { }\n statuses = [\n { name: \"未發布\", selected: false, value: 'Pending' },\n { name: \"已發布\", selected: false, value: 'Announced' },\n { name: \"已修改\", selected: false, value: 'Edited' },\n { name: \"已終止\", selected: false, value: 'Deactivated' },\n { name: \"已完結\", selected: false, value: 'Expired' }\n ];\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(status => status.selected).map(status => status.value));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n\n}\n","發布日期
\n\n
\n\n \n \n \n \n \n
\n 至
\n \n\n\n \n \n
\n\n 0}\" (click)=\"toggle()\">\n local_offer\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { forkJoin } from 'rxjs';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { Living } from 'src/app/models/livings/living';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\n\n@Component({\n selector: 'app-cell-group-filter',\n templateUrl: './cell-group-filter.component.html',\n styleUrls: ['./cell-group-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class CellGroupFilterComponent implements OnInit {\n\n \n @Input() action: (centers:Center[]) => void = () => { \n\n\n\n }\n \n centers:Center[]=[];\n display: boolean = false;\n\n constructor(\n private cellGroupService: CellGroupService\n ) { }\n\n ngOnInit(): void {\n \n this.fetch();\n }\n\n fetch(): void {\n forkJoin({\n centers: this.cellGroupService.getCenterCellGroupList()\n }).subscribe({\n next: value => {\n this.centers = value.centers;\n \n }\n });\n }\n\n reset(): void {\n this.centers.forEach(item=>{\n item.cellGroups.forEach(e=>{\n e.selected=false;\n })\n });\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(\n this.centers\n \n );\n }\n this.display = !this.display;\n }\n\n selectCellGroups():void{\n \n }\n\n get numberOfSelectedItems(): number {\n \n return this.centers.reduce((preVal,current)=>{\n return current.cellGroups.reduce((p,c)=>{\n return p+(c.selected?1:0);\n }\n ,preVal\n );\n return 0;\n },0);\n }\n}\n","0\">{{ numberOfSelectedStatuses }}
\n狀態
\n\n
\n\n
\n\n \n
\n\n 狀態
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n favorite_border\n
\n\n","0\">{{ numberOfSelectedItems }}
\n細胞小組
\n\n
\n\n
\n\n \n
\n\n 細胞小組（最多可篩選30個小組）
\n清除
\n\n\n
\n \n \n
\n \n \n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\n\n@Component({\n selector: 'app-cell-group-popup',\n templateUrl: './cell-group-popup.component.html',\n styleUrls: ['./cell-group-popup.component.scss']\n})\nexport class CellGroupPopupComponent implements OnInit {\n\n @Input() action: (cellGroups: CellGroup[]) => void = () => { };\n cellGroups: CellGroup[] = [];\n display: boolean = false;\n\n constructor(\n private cellGroupService: CellGroupService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.cellGroupService.getCellGroupList()\n .subscribe({\n next: value => {\n this.cellGroups = value\n }\n });\n }\n\n open(cellGroups: CellGroup[]): void {\n this.cellGroups.filter(cellGroup => cellGroups.some(c => c.uuId == cellGroup.uuId))\n .forEach(cellGroup => cellGroup.selected = true);\n this.display = true;\n }\n\n close(): void {\n this.display = false;\n this.reset();\n }\n\n confirm(): void {\n this.action(this.cellGroups.filter(cellGroup => cellGroup.selected));\n this.close();\n }\n\n reset(): void {\n this.cellGroups.forEach(cellGroup => cellGroup.selected = false);\n }\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Center } from 'src/app/models/centers/center';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { CenterService } from 'src/app/services/center/center.service';\n\n@Component({\n selector: 'app-center-filter',\n templateUrl: './center-filter.component.html',\n styleUrls: ['./center-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class CenterFilterComponent implements OnInit {\n\n @Input() action: (centers: Center[]) => void = () => { }\n centers: Center[] = [];\n display: boolean = false;\n\n constructor(\n private centerService: CenterService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.centerService.getCenters()\n .subscribe({\n next: value => {\n this.centers = value;\n }\n });\n }\n\n reset(): void {\n this.centers.forEach(center => center.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.centers.filter(center => center.selected));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedCenters(): number {\n return this.centers.filter(center => center.selected).length;\n }\n}\n","\n
\n\n
\n\n 細胞小組
\n重置
\n\n \n
\n\n \n\n \n 0}\" (click)=\"toggle()\">\n ![](\"/v2/assets/home.svg\")
\n
\n\n","\n 0\">{{ numberOfSelectedCenters }}
\n中心代碼
\n\n
\n\n
\n\n \n
\n\n 中心代碼
\n清除
\n\n \n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Center } from 'src/app/models/centers/center';\nimport { CenterService } from 'src/app/services/center/center.service';\n\n@Component({\n selector: 'app-center-popup',\n templateUrl: './center-popup.component.html',\n styleUrls: ['./center-popup.component.scss']\n})\nexport class CenterPopupComponent implements OnInit {\n\n centers: Center[] = [];\n display: boolean = false;\n @Input() action: (centers: Center[]) => void = () => { }\n\n constructor(\n private centerService: CenterService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.centerService.getRedeemCenters()\n .subscribe({\n next: value => {\n this.centers = value;\n }\n });\n }\n\n open(centers: Center[]): void {\n this.display = true\n this.centers.forEach(center => {\n center.selected = false;\n if (centers.some(c => c.uuId == center.uuId))\n center.selected = true;\n });\n }\n\n close(): void {\n this.action(this.centers.filter(center => center.selected == true));\n this.display = false;\n }\n\n confirm(): void {\n this.action(this.centers.filter(center => center.selected));\n this.close();\n }\n\n reset(): void {\n this.centers.forEach(center => center.selected = false);\n }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { forkJoin } from 'rxjs';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { HealthService } from 'src/app/services/health/health.service';\nimport { LivingService } from 'src/app/services/living/living.service';\n\n@Component({\n selector: 'app-condition-filter',\n templateUrl: './condition-filter.component.html',\n styleUrls: ['./condition-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class ConditionFilterComponent implements OnInit {\n\n @Input() action: (genders: string[], healths: Health[], livings: Living[], birthdayFrom: Date | null, birthdayTo: Date | null) => void = () => { }\n livings: Living[] = [];\n healths: Health[] = [];\n genders = [\n { name: \"只顯示男\", selected: false, value: 'M' },\n { name: \"只顯示女\", selected: false, value: 'F' }\n ];\n\n ageFromGroup = new FormGroup({\n from: new FormControl(null, [Validators.required, Validators.min(0)]),\n to: new FormControl(null, [Validators.required, Validators.min(0)])\n });\n\n display: boolean = false;\n\n constructor(\n private healthService: HealthService,\n private livingService: LivingService\n ) { }\n\n ngOnInit(): void {\n this.ageFromGroup.valueChanges.subscribe(value => {\n if (value.to < value.from) {\n this.ageFromGroup.controls['to'].setErrors({ \"invalid-range\": true });\n }\n });\n\n this.fetch();\n }\n\n fetch(): void {\n forkJoin({\n healths: this.healthService.getHealthConditionList(),\n livings: this.livingService.getLivingConditionList()\n }).subscribe({\n next: value => {\n this.livings = value.livings;\n this.healths = value.healths;\n }\n });\n }\n\n reset(): void {\n this.genders.forEach(gender => gender.selected = false);\n this.healths.forEach(health => health.selected = false);\n this.livings.forEach(living => living.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n let birthdayFrom: Date | null = null;\n let birthdayTo: Date | null = null;\n\n if (this.ageFromGroup.valid) {\n var today = new Date();\n birthdayFrom = new Date();\n birthdayFrom.setFullYear(today.getFullYear() - this.ageFromGroup.controls['to'].value)\n birthdayTo = new Date();\n birthdayTo.setFullYear(today.getFullYear() - this.ageFromGroup.controls['from'].value)\n }\n\n this.action(\n this.genders.filter(gender => gender.selected).map(gender => gender.value),\n this.healths.filter(health => health.selected),\n this.livings.filter(living => living.selected),\n birthdayFrom,\n birthdayTo\n );\n }\n this.display = !this.display;\n }\n\n public selectAllGenders(): void {\n if (this.isSelectedAllGender)\n this.genders.forEach(g => g.selected = false);\n else\n this.genders.forEach(g => g.selected = true);\n }\n\n public selectAllLivingConditions(): void {\n if (this.isSelectedAllLivingConditions)\n this.livings.forEach(living => living.selected = false);\n else\n this.livings.forEach(living => living.selected = true);\n }\n\n public selectAllHealthConditions(): void {\n if (this.isSelectedAllHealthConditions)\n this.healths.forEach(h => h.selected = false);\n else\n this.healths.forEach(h => h.selected = true);\n }\n\n get isSelectedAllGender(): boolean {\n return this.genders.every(g => g.selected);\n }\n\n get isSelectedAllLivingConditions(): boolean {\n return this.livings.every(living => living.selected);\n }\n\n get isSelectedAllHealthConditions(): boolean {\n return this.healths.every(h => h.selected);\n }\n\n get numberOfSelectedItems(): number {\n return this.genders.filter(gender => gender.selected).length\n + this.livings.filter(living => living.selected).length\n + this.healths.filter(health => health.selected).length;\n }\n\n}\n","\n
\n\n
\n\n 選定中心
\n重置
\n\n \n
\n\n \n\n \n 0}\" (click)=\"toggle()\">\n favorite_border\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-donation-type-filter',\n templateUrl: './donation-type-filter.component.html',\n styleUrls: ['./donation-type-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class DonationTypeFilterComponent implements OnInit {\n\n display: boolean = false;\n @Input() action: (types: string[]) => void = () => { }\n types = [\n { name: \"用戶捐分\", selected: false, value: 'User' },\n { name: \"中心捐分\", selected: false, value: 'Center' },\n ];\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.types.forEach(type => type.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.types.filter(type => type.selected).map(type => type.value));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedTypes(): number {\n return this.types.filter(type => type.selected).length;\n }\n}\n","0\">{{ numberOfSelectedItems }}
\n個人情況
\n\n
\n\n
\n\n \n
\n\n 個人情況
\n清除
\n\n \n\n \n\n \n\n \n \n\n \n\n \n \n\n \n\n \n \n
\n 0}\" (click)=\"toggle()\">\n grid_view\n
\n\n","","import { HttpClient } from '@angular/common/http';\nimport { Component, Input, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n selector: 'app-emoji-picker',\n templateUrl: './emoji-picker.component.html',\n styleUrls: ['./emoji-picker.component.scss']\n})\nexport class EmojiPickerComponent implements OnInit {\n\n @Input() form!: FormControl;\n emojis: IEmoji[] = [];\n categories: IEmoji[] = [];\n selectedCategory: IEmoji | null = null;\n\n constructor(\n private httpClient: HttpClient\n ) { }\n\n ngOnInit(): void {\n this.httpClient.get('assets/emoji.json').subscribe((value: any) => {\n this.emojis = value.emojis;\n this.categories = this.emojis.filter((value, index, self) => self.findIndex(v => v.category == value.category) === index);\n this.selectedCategory = this.categories[0];\n });\n }\n\n get filteredEmojis(): IEmoji[] {\n return this.selectedCategory == null ? [] : this.emojis.filter(emoji => emoji.category == this.selectedCategory?.category);\n }\n\n onSelect(emoji: IEmoji): void {\n if (this.form == null)\n return;\n\n if (this.form.value == null) {\n this.form.setValue(`${emoji.emoji}`);\n return;\n }\n\n this.form.setValue(`${this.form.value}${emoji.emoji}`);\n }\n}\n\ninterface IEmoji {\n category: string;\n emoji: string;\n html: \"👩👩👧👧\"\n name: \"family: woman, woman, girl, girl\"\n order: \"\"\n shortname: \":woman_woman_girl_girl:\"\n unicode: \"1F469 200D 1F469 200D 1F467 200D 1F467\"\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-event-status-filter',\n templateUrl: './event-status-filter.component.html',\n styleUrls: ['./event-status-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class EventStatusFilterComponent implements OnInit {\n\n @Input() action: (statuses: number) => void = () => { }\n statuses = [\n { name: \"等待參加\", selected: false, value: 1 },\n { name: \"進行中\", selected: false, value: 2 },\n { name: \"已完結\", selected: false, value: 4 },\n { name: \"已終止\", selected: false, value: 8 },\n { name: \"已修改\", selected: false, value: 16 },\n { name: \"人數不足\", selected: false, value: 32 }\n ];\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(s => s.selected).map(s => s.value).reduce((sum, value) => sum + value, 0));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n}\n","0\">{{ numberOfSelectedTypes }}
\n捐分類型
\n\n
\n\n
\n\n \n
\n\n 捐分類型
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n local_offer\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-event-transaction-type-filter',\n templateUrl: './event-transaction-type-filter.component.html',\n styleUrls: ['./event-transaction-type-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class EventTransactionTypeFilterComponent implements OnInit {\n\n @Input() action: (statuses: string[]) => void = () => { }\n statuses = [\n { name: \"免費活動\", selected: false, value: 'Free' },\n { name: \"用戶加分\", selected: false, value: 'UserEarn' },\n { name: \"用戶扣分\", selected: false, value: 'UserSpend' },\n ];\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(status => status.selected).map(status => status.value));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n}\n","0\">{{ numberOfSelectedStatuses }}
\n狀態
\n\n
\n\n
\n\n \n
\n\n 狀態
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n ![](\"/v2/assets/transaction-type.svg\")
\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { EventType } from 'src/app/models/event-types/event-type';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { EventTypeService } from 'src/app/services/event-type/event-type.service';\n\n@Component({\n selector: 'app-event-type-filter',\n templateUrl: './event-type-filter.component.html',\n styleUrls: ['./event-type-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class EventTypeFilterComponent implements OnInit {\n\n @Input() action: (centers: EventType[]) => void = () => { }\n eventTypes: EventType[] = [];\n display: boolean = false;\n\n constructor(\n private eventTypeService: EventTypeService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.eventTypeService.getEventTypeList()\n .subscribe({\n next: value => {\n this.eventTypes = value;\n }\n });\n }\n\n reset(): void {\n this.eventTypes.forEach(eventType => eventType.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.eventTypes.filter(eventType => eventType.selected));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedEventTypes(): number {\n return this.eventTypes.filter(eventType => eventType.selected).length;\n }\n}\n","\n 0\">{{ numberOfSelectedStatuses }}
\n活動類型
\n\n
\n\n
\n\n \n
\n\n 活動類型
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n ![](\"/v2/assets/event-type.svg\")
\n
\n\n","\n 0\">{{ numberOfSelectedEventTypes }}
\n活動代碼
\n\n
\n\n
\n\n \n
\n\n 活動代碼
\n清除
\n\n \n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Health } from 'src/app/models/healths/health';\nimport { HealthService } from 'src/app/services/health/health.service';\n\n@Component({\n selector: 'app-health-popup',\n templateUrl: './health-popup.component.html',\n styleUrls: ['./health-popup.component.scss']\n})\nexport class HealthPopupComponent implements OnInit {\n\n @Input() action: (healths: Health[]) => void = () => { }\n healths: Health[] = [];\n\n display: boolean = false;\n\n constructor(\n private healthService: HealthService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.healthService.getHealthConditionList()\n .subscribe({\n next: value => {\n this.healths = value\n }\n });\n }\n\n open(healths: Health[]): void {\n this.healths.filter(health => healths.some(h => h.uuId == health.uuId))\n .forEach(health => health.selected = true);\n this.display = true;\n }\n\n close(): void {\n this.display = false;\n this.reset();\n }\n\n confirm(): void {\n this.action(this.healths.filter(health => health.selected));\n this.close();\n }\n\n reset(): void {\n this.healths.forEach(health => health.selected = false);\n }\n}\n","import { Component, OnInit } from '@angular/core';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { ImportFile } from 'src/app/models/imports/import-file';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-import-popup',\n templateUrl: './import-popup.component.html',\n styleUrls: ['./import-popup.component.scss']\n})\nexport class ImportPopupComponent implements OnInit {\n\n importType: string = \"User\";\n files: ImportFile[] = [];\n records: any[] = [];\n\n display: boolean = false;\n\n constructor(\n private popupMessageSerivce: PopupMessageService,\n private importService: ImportService,\n private exportService: ExportService\n ) { }\n\n ngOnInit(): void {\n this.importService.importPopupSignal.subscribe(value => {\n this.open(value);\n });\n }\n\n onDragOver(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n onDrop(event: DragEvent) {\n event.preventDefault();\n this.onFileImport(event.dataTransfer?.files);\n }\n\n onFileImport(files: FileList | undefined) {\n if (files == undefined)\n return;\n\n Array.from(files).forEach(file => {\n if (file.name.substring(file.name.length - 5) != '.xlsx' && file.name.substring(file.name.length - 4) != '.xls') {\n this.popupMessageSerivce.messageSignal.emit(PopupMessages.InvalidFileFormatMessage);\n return;\n }\n\n this.importService.uploadExcel(file)\n .subscribe();\n\n var importFile = new ImportFile(file);\n this.files.push(importFile);\n\n\n switch (this.importType) {\n case \"User\":\n this.parseUserExcel(importFile);\n break;\n case \"Request\":\n this.parseRequestExcel(importFile);\n break;\n case \"Event\":\n this.parseEventExcel(importFile);\n break;\n case \"Donation\":\n this.parseDonationExcel(importFile);\n break;\n default:\n this.popupMessageSerivce.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n break;\n }\n });\n }\n\n open(type: string): void {\n this.importType = type;\n this.display = true;\n }\n\n close(): void {\n this.display = false;\n this.records = [];\n this.files = [];\n }\n\n private parseUserExcel(file: ImportFile): void {\n this.importService.parseUserExcel(file.file).subscribe({\n next: value => this.records = this.records.concat(value),\n error: error => file.error = \"EXCEL FILE MAY CONTAIN SOME EMPTY VALUE IN BLANK ROW OR IN WRONG FORMAT!\",\n complete: () => file.uploadResult = true\n });\n }\n\n private parseRequestExcel(file: ImportFile): void {\n this.importService.parseRequestExcel(file.file).subscribe({\n next: value => this.records = this.records.concat(value),\n error: error => file.error = \"EXCEL FILE MAY CONTAIN SOME EMPTY VALUE IN BLANK ROW OR IN WRONG FORMAT!\",\n complete: () => file.uploadResult = true\n });\n }\n\n private parseEventExcel(file: ImportFile): void {\n this.importService.parseEventExcel(file.file).subscribe({\n next: value => this.records = this.records.concat(value),\n error: error => file.error = \"EXCEL FILE MAY CONTAIN SOME EMPTY VALUE IN BLANK ROW OR IN WRONG FORMAT!\",\n complete: () => file.uploadResult = true\n });\n }\n\n private parseDonationExcel(file: ImportFile): void {\n this.importService.parseDonationExcel(file.file).subscribe({\n next: value => this.records = this.records.concat(value),\n error: error => file.error = \"EXCEL FILE MAY CONTAIN SOME EMPTY VALUE IN BLANK ROW OR IN WRONG FORMAT!\",\n complete: () => file.uploadResult = true\n });\n }\n\n confirm(): void {\n switch (this.importType) {\n case \"User\":\n this.importService.importTaskSignal.emit(this.importService.processUserData(this.records));\n break;\n case \"Request\":\n this.importService.importTaskSignal.emit(this.importService.processRequestData(this.records));\n break;\n case \"Event\":\n this.importService.importTaskSignal.emit(this.importService.processEventData(this.records));\n break;\n case \"Donation\":\n this.importService.importTaskSignal.emit(this.importService.processDonationData(this.records))\n break;\n default:\n break;\n }\n this.close();\n }\n\n exportSample(): void {\n switch (this.importType) {\n case \"User\":\n this.exportService.exportUserSample();\n break;\n case \"Request\":\n this.exportService.exportRequestSample();\n break;\n case \"Event\":\n this.exportService.exportEventSample();\n break;\n case \"Donation\":\n this.exportService.exportDonationSample();\n break;\n default:\n break;\n }\n }\n}\n","\n
\n\n
\n\n 身體情況
\n help_outline\n身體狀況項目可在後台設置——資料設置中編輯以及設置是否在申請義工服務時對相關義工可見
\n重置
\n\n \n
\n\n \n\n \n \n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { ErrorHandleService } from 'src/app/services/error-handle/error-handle.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-import-status-popup',\n templateUrl: './import-status-popup.component.html',\n styleUrls: ['./import-status-popup.component.scss']\n})\nexport class ImportStatusPopupComponent implements OnInit {\n public currentTask: { rate: number, text: string | null } = this.importService.currentTask;\n display: boolean = false;\n\n constructor(\n private importService: ImportService,\n private popupMessageService: PopupMessageService,\n private errorHandleService: ErrorHandleService\n ) { }\n\n ngOnInit(): void {\n this.importService.importTaskSignal.subscribe((observable: Observable\n
\n\n
\n 批量更新/創建
\n close\n\n
\n \n \n unarchive\n
\n\n 點擊或將文件拖拽到這裡上傳
\n支持擴展名：.xlsx .xls
\n\n attach_file\n
\n \n \n \n
\n {{ file.file.name }}
\n\n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { AddressType, Living } from 'src/app/models/livings/living';\nimport { LivingService } from 'src/app/services/living/living.service';\n\n@Component({\n selector: 'app-living-popup',\n templateUrl: './living-popup.component.html',\n styleUrls: ['./living-popup.component.scss']\n})\nexport class LivingPopupComponent implements OnInit {\n\n display: boolean = false;\n index: number = 0;\n @Input() action: (livings: Living[]) => void = (livings: Living[]) => { }\n livings: Living[] = [];\n\n public types = [\n { name: \"單位\", type: AddressType.Room },\n { name: \"樓層\", type: AddressType.Floor },\n { name: \"大廈/期/座\", type: AddressType.Block },\n { name: \"屋苑/屋邨\", type: AddressType.Estate },\n { name: \"街號\", type: AddressType.StreetNumber },\n { name: \"街道\", type: AddressType.Street },\n ];\n\n constructor(\n private livingService: LivingService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.livingService.getLivingConditionList()\n .subscribe({\n next: value => {\n this.livings = value\n }\n });\n }\n\n submit(): void {\n this.action(this.livings.filter(living => living.selected == true));\n this.close();\n }\n\n open(livings: Living[]) {\n this.livings.filter(living => livings.some(l => living.uuId == l.uuId))\n .forEach(living => living.selected = true);\n this.display = true;\n }\n\n close(): void {\n this.reset();\n this.display = false;\n }\n\n reset(): void {\n this.livings.forEach(living => living.selected = false);\n }\n\n get livingsOfSelectedType(): Living[] {\n return this.livings.filter(living => living.type == this.types[this.index].type);\n }\n\n numberOfLivingOfType(type: AddressType): number {\n return this.livings.filter(living => living.type == type).length;\n }\n}\n","\n
\n{{ currentTask.rate | number:'1.0-0' }}%
\n\n
\n {{ currentTask.text }}
\n \n\n
","\n\n
\n\n
\n\n 居住條件限制
\n重置
\n\n
\n\n \n \n
\n\n\n \n
\n {{ type.name | translate }}
\n{{ numberOfLivingOfType(type.type) }}
\n\n error_outline\n
\n 請根據居住條件實際情況去選擇所屬類型以提高住宅條件自動顯示準確率
\n\n
\n \n \n
\n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n\n@Component({\n selector: 'app-loading',\n templateUrl: './loading.component.html',\n styleUrls: ['./loading.component.scss']\n})\nexport class LoadingComponent implements OnInit {\n\n public loading: boolean = false;\n\n constructor(\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n this.loadingService.getAppLoadingSignal().subscribe(signal => this.loading = signal);\n }\n\n}\n","import { Component, OnInit } from '@angular/core';\nimport { Subscriber } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessage, PopupMessages } from 'src/app/backend/popup-message';\nimport { ErrorHandleService } from 'src/app/services/error-handle/error-handle.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\n\n@Component({\n selector: 'app-message-popup',\n templateUrl: './message-popup.component.html',\n styleUrls: ['./message-popup.component.scss']\n})\nexport class MessagePopupComponent implements OnInit {\n\n public message: PopupMessage | null = PopupMessages.ForcedSignOutSuccessMessage;\n public display: boolean = false;\n\n constructor(\n private popupMessageService: PopupMessageService,\n private loadingService: LoadingService,\n private errorHandlerService: ErrorHandleService\n ) { }\n\n ngOnInit(): void {\n this.errorHandlerService.errorSignal.subscribe(value => {\n this.message = {\n type: \"error\",\n message: value.error_message,\n description: \"\"\n };\n this.display = true;\n });\n\n this.popupMessageService.messageSignal.subscribe(value => {\n this.message = value;\n this.display = true;\n });\n\n // this.errorHandleService.getAppErrorSignal().subscribe((error: AppError) => {\n // this.message = {\n // type: \"error\",\n // message: error.error_message,\n // description: null\n // }\n // this.display = true;\n // });\n }\n\n public close() {\n this.popupMessageService.executeSuccessSignal.observers.forEach(ob => (ob as Subscriber\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-redeem-status-filter',\n templateUrl: './redeem-status-filter.component.html',\n styleUrls: ['./redeem-status-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class RedeemStatusFilterComponent implements OnInit {\n\n @Input() action: (statuses: number[]) => void = () => { }\n statuses: { name: string, value: number, selected: boolean }[] = [\n { name: \"未發布\", value: 0, selected: false },\n { name: \"進行中\", value: 1, selected: false },\n { name: \"已結束\", value: 2, selected: false },\n { name: \"等待抽籤\", value: 3, selected: false },\n { name: \"庫存不足\", value: 4, selected: false },\n { name: \"已修改\", value: 5, selected: false },\n { name: \"已下架\", value: 6, selected: false },\n ];\n\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(status => status.selected).map(status => status.value));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n}\n"," 0}\" (click)=\"toggle()\">\n local_offer\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-redeem-type-filter',\n templateUrl: './redeem-type-filter.component.html',\n styleUrls: ['./redeem-type-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class RedeemTypeFilterComponent implements OnInit {\n\n display: boolean = false;\n\n @Input() action: (formats: number[]) => void = () => { };\n formats: { name: string, value: number, selected: boolean }[] = [\n { name: \"職員處理\", value: 0, selected: false },\n { name: \"先到先得\", value: 1, selected: false },\n ];\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n toggle(): void {\n if (this.display) this.action(this.formats.filter(format => format.selected).map(format => format.value));\n this.display = !this.display;\n }\n\n reset(): void {\n this.formats.forEach(format => format.selected = false);\n }\n\n clear(): void {\n this.formats.forEach(format => format.selected = false);\n }\n\n get numberOfSelectedFormats(): number {\n return this.formats.filter(format => format.selected).length;\n }\n}\n","0\">{{ numberOfSelectedStatuses }}
\n狀態
\n\n
\n\n
\n\n \n
\n\n 狀態
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n favorite_border\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-request-status-filter',\n templateUrl: './request-status-filter.component.html',\n styleUrls: ['./request-status-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class RequestStatusFilterComponent implements OnInit {\n\n @Input() action: (statuses: string[], urgent: boolean) => void = () => { }\n statuses = [\n { name: \"等候配對\", selected: false, value: 'Pending' },\n { name: \"未開始\", selected: false, value: 'Ready' },\n { name: \"進行中\", selected: false, value: 'Started' },\n { name: \"已完結\", selected: false, value: 'Finished' },\n { name: \"已終止\", selected: false, value: 'Cancelled' }\n ];\n public urgent: boolean = false;\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(status => status.selected).map(status => status.value), this.urgent);\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n\n}\n","0\">{{ numberOfSelectedFormats }}
\n參與類型
\n\n
\n\n
\n\n \n
\n\n 參與類型
\n清除
\n\n \n
\n 0}\" (click)=\"toggle()\">\n local_offer\n
\n\n","import { Component, Input, OnInit, Output } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n selector: 'app-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss']\n})\nexport class SearchInputComponent implements OnInit {\n\n @Input() placeholder: string = \"請輸入姓名 或 會員編號\";\n @Input() action: (value: string) => void = (value: string) => { };\n\n @Input() size: string = \"md\";\n\n input: FormControl = new FormControl(null);\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n onChange(): void {\n this.action(this.input.value);\n }\n\n}\n","0\">{{ numberOfSelectedStatuses }}
\n狀態
\n\n
\n\n
\n\n \n
\n\n 狀態
\n清除
\n\n \n \n
\n \n \n search\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormGroup, FormControl, AbstractControl } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-service-date-range-filter',\n templateUrl: './service-date-range-filter.component.html',\n styleUrls: ['./service-date-range-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class ServiceDateRangeFilterComponent implements OnInit {\n\n lang: string = this.translateService.currentLang;\n\n @Input() action: (start: Date, end: Date) => void = () => { }\n form: FormGroup = new FormGroup({\n start: new FormControl(null),\n end: new FormControl(null)\n });\n display: boolean = false;\n\n constructor(\n private translateService: TranslateService\n ) { }\n\n ngOnInit(): void {\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n })\n }\n\n public toggle(): void {\n if (this.end.value != null)\n (\n date_range\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Service } from 'src/app/models/services/service';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { PortalAnimation } from 'src/app/portal-animation';\nimport { ServiceService } from 'src/app/services/service/service.service';\n\n@Component({\n selector: 'app-service-filter',\n templateUrl: './service-filter.component.html',\n styleUrls: ['./service-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class ServiceFilterComponent implements OnInit {\n\n @Input() action: (services: Service[]) => void = () => { }\n @Input() title: string = \"可提供服務\";\n serviceTypes: ServiceType[] = [];\n display: boolean = false;\n\n constructor(\n private serviceService: ServiceService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.serviceService.getServiceTypeList()\n .subscribe({\n next: value => {\n this.serviceTypes = value;\n }\n });\n }\n\n reset(): void {\n this.serviceTypes.forEach(serviceType => serviceType.reset())\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.serviceTypes.map(st => st.services.filter(s => s.selected)).reduce((merged, value) => merged.concat(value)));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedServices(): number {\n return this.serviceTypes.map(st => st.services.filter(s => s.selected).length).reduce((sum, length) => sum + length, 0);\n }\n\n}\n","服務日期
\n\n
\n\n \n \n \n \n \n
\n 至
\n \n\n\n \n \n
\n\n 0}\" (click)=\"toggle()\">\n favorite_border\n
\n\n","0\">{{ numberOfSelectedServices }}
\n{{ title | translate }}
\n\n
\n\n
\n\n \n
\n\n 服務
\n清除
\n\n \n 0\">\n \n \n \n \n\n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Service } from 'src/app/models/services/service';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { ServiceService } from 'src/app/services/service/service.service';\n\n@Component({\n selector: 'app-service-popup',\n templateUrl: './service-popup.component.html',\n styleUrls: ['./service-popup.component.scss']\n})\nexport class ServicePopupComponent implements OnInit {\n\n @Input() action: (services: Service[]) => void = () => { };\n serviceTypes: ServiceType[] = [];\n display: boolean = false;\n\n constructor(\n private serviceService: ServiceService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.serviceService.getServiceTypeList()\n .subscribe({\n next: value => {\n this.serviceTypes = value;\n }\n });\n }\n\n open(services: Service[] | undefined): void {\n if (services == undefined) {\n this.display = true;\n return\n }\n\n this.serviceTypes.forEach(st => {\n st.services.filter(service => services.some(s => s.uuId == service.uuId))\n .forEach(service => service.selected = true);\n })\n this.display = true;\n }\n\n close(): void {\n this.reset();\n this.display = false;\n }\n\n submit(): void {\n this.action(this.serviceTypes.map(st => st.services.filter(s => s.selected)).reduce((previous, current) => previous = previous.concat(current), []));\n this.close();\n }\n\n selectAll(): void {\n this.serviceTypes.forEach(serviceType => serviceType.services.forEach(service => service.selected = true));\n }\n\n reset(): void {\n this.serviceTypes.forEach(serviceType => serviceType.services.forEach(service => service.selected = false));\n }\n\n get numberOfServices(): number {\n return this.serviceTypes.map(serviceType => serviceType.services.length).reduce((sum, count) => sum += count, 0);\n }\n\n get selectedServiceTypes(): ServiceType[] {\n let serviceTypes = this.serviceTypes.filter(serviceType => serviceType.selected == true);\n return serviceTypes.length > 0 ? serviceTypes : this.serviceTypes;\n }\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { PortalAnimation } from 'src/app/portal-animation';\n\n@Component({\n selector: 'app-sign-up-status-filter',\n templateUrl: './sign-up-status-filter.component.html',\n styleUrls: ['./sign-up-status-filter.component.scss'],\n animations: [PortalAnimation.DropDown]\n})\nexport class SignUpStatusFilterComponent implements OnInit {\n\n\n @Input() action: (statuses: string[]) => void = () => { }\n\n statuses: { name: string, value: string, selected: boolean }[] = [\n { name: \"等待審核\", value: \"Pending\", selected: false },\n { name: \"審核中\", value: \"Approving\", selected: false },\n { name: \"已拒絕\", value: \"Disapproved\", selected: false },\n { name: \"超時審核\", value: \"TimeoutReview\", selected: false }\n ];\n\n display: boolean = false;\n\n constructor(\n ) { }\n\n ngOnInit(): void {\n }\n\n reset(): void {\n this.statuses.forEach(status => status.selected = false);\n }\n\n toggle(): void {\n if (this.display == true) {\n this.action(this.statuses.filter(status => status.selected).map(status => status.value));\n }\n this.display = !this.display;\n }\n\n get numberOfSelectedStatuses(): number {\n return this.statuses.filter(status => status.selected).length;\n }\n\n}\n","\n\n
\n\n
\n\n \n \n
\n\n 可提供服務類型
\n\n
\n\n \n 全部
\n{{ numberOfServices }}
\n\n \n \n\n
\n \n
\n\n 可提供服務
\n選擇全部
\n重置
\n{{ serviceType.name }}
\n\n \n
\n 0}\" (click)=\"toggle()\">\n local_offer\n
\n\n","0\">{{ numberOfSelectedStatuses }}
\n狀態
\n\n
\n\n
\n\n \n
\n\n 狀態
\n清除
\n\n \n
\n \n
","import { Component, ContentChild, Input, OnChanges, OnInit, SimpleChanges, TemplateRef, ViewChild } from '@angular/core';\nimport { ChartData } from 'chart.js';\n\n@Component({\n selector: 'app-simple-table-box',\n templateUrl: './simple-table-box.component.html',\n styleUrls: ['./simple-table-box.component.scss']\n})\nexport class SimpleTableBoxComponent implements OnInit,OnChanges {\n\n @Input() displayList!:[];\n @ContentChild('row', {static: true}) tplRef!: TemplateRef\n =pageIndex*6&&i<(pageIndex+1)*6\"\n [ngTemplateOutlet]=\"tplRef\" \n [ngTemplateOutletContext]=\"{service:service,index:i}\">\n \n
\n 6\" class=\"pageBtnBar\">\n <\n {{i}}\n >\n
\n\n \n
","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { CreateAddressModel } from \"src/app/models/addresses/create-address-model\";\nimport { Living } from \"src/app/models/livings/living\";\n\nexport class AddressForm {\n formGroup: FormGroup;\n livings: Living[];\n\n constructor() {\n this.formGroup = new FormGroup({\n region: new FormControl(null, [Validators.required]),\n district: new FormControl(null, [Validators.required]),\n subDistrict: new FormControl(''),\n street: new FormControl(''),\n streetNumber: new FormControl(''),\n estate: new FormControl(''),\n building: new FormControl(''),\n floor: new FormControl(''),\n room: new FormControl('')\n });\n this.livings = [];\n }\n\n public getCreateAddressModel(): CreateAddressModel {\n return {\n region: this.formGroup.controls['region'].value,\n district: this.formGroup.controls['district'].value,\n subDistrict: this.formGroup.controls['subDistrict'].value,\n street: this.formGroup.controls['street'].value,\n streetNumber: this.formGroup.controls['streetNumber'].value,\n estate: this.formGroup.controls['estate'].value,\n block: this.formGroup.controls['building'].value,\n floor: this.formGroup.controls['floor'].value,\n room: this.formGroup.controls['room'].value,\n isDefault: false,\n livingConditions: this.livings.map(lc => lc.uuId)\n };\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LoadingComponent } from './components/loading/loading.component';\nimport { SearchInputComponent } from './components/search-input/search-input.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LivingPopupComponent } from './components/living-popup/living-popup.component';\nimport { CenterFilterComponent } from './components/center-filter/center-filter.component';\nimport { AddressFilterComponent } from './components/address-filter/address-filter.component';\nimport { ServiceFilterComponent } from './components/service-filter/service-filter.component';\nimport { ConditionFilterComponent } from './components/condition-filter/condition-filter.component';\nimport { HealthPopupComponent } from './components/health-popup/health-popup.component';\nimport { CellGroupPopupComponent } from './components/cell-group-popup/cell-group-popup.component';\nimport { AddressFormComponent } from './components/address-form/address-form.component';\nimport { ServicePopupComponent } from './components/service-popup/service-popup.component';\nimport { MessagePopupComponent } from './components/message-popup/message-popup.component';\nimport { TimePickerComponent } from './components/time-picker/time-picker.component';\nimport { AnnouncementStatusFilterComponent } from './components/announcement-status-filter/announcement-status-filter.component';\nimport { AnnouncementDateRangeFilterComponent } from './components/announcement-date-range-filter/announcement-date-range-filter.component';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { ServiceDateRangeFilterComponent } from './components/service-date-range-filter/service-date-range-filter.component';\nimport { DonationTypeFilterComponent } from './components/donation-type-filter/donation-type-filter.component';\nimport { RedeemTypeFilterComponent } from './components/redeem-type-filter/redeem-type-filter.component';\nimport { RedeemStatusFilterComponent } from './components/redeem-status-filter/redeem-status-filter.component';\nimport { CenterPopupComponent } from './components/center-popup/center-popup.component';\nimport { RequestStatusFilterComponent } from './components/request-status-filter/request-status-filter.component';\nimport { EventTypeFilterComponent } from './components/event-type-filter/event-type-filter.component';\nimport { EventTransactionTypeFilterComponent } from './components/event-transaction-type-filter/event-transaction-type-filter.component';\nimport { EventStatusFilterComponent } from './components/event-status-filter/event-status-filter.component';\nimport { ImportPopupComponent } from './components/import-popup/import-popup.component';\nimport { ImportStatusPopupComponent } from './components/import-status-popup/import-status-popup.component';\nimport { EmojiPickerComponent } from './components/emoji-picker/emoji-picker.component';\nimport { SignUpStatusFilterComponent } from './components/sign-up-status-filter/sign-up-status-filter.component';\nimport { CellGroupFilterComponent } from './components/cell-group-filter/cell-group-filter.component';\nimport { SimpleTableBoxComponent } from './components/simple-table-box/simple-table-box.component';\n\n@NgModule({\n declarations: [LoadingComponent, SearchInputComponent, LivingPopupComponent, CenterFilterComponent, AddressFilterComponent, ServiceFilterComponent, ConditionFilterComponent, HealthPopupComponent, CellGroupPopupComponent, AddressFormComponent, ServicePopupComponent, MessagePopupComponent, TimePickerComponent, AnnouncementStatusFilterComponent, AnnouncementDateRangeFilterComponent, ServiceDateRangeFilterComponent, DonationTypeFilterComponent, RedeemTypeFilterComponent, RedeemStatusFilterComponent, CenterPopupComponent, RequestStatusFilterComponent, EventTypeFilterComponent, EventTransactionTypeFilterComponent, EventStatusFilterComponent, ImportPopupComponent, ImportStatusPopupComponent, EmojiPickerComponent, SignUpStatusFilterComponent,CellGroupFilterComponent, SimpleTableBoxComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule.forChild(),\n MatDatepickerModule,\n MatProgressBarModule\n ],\n exports: [\n LoadingComponent,\n SearchInputComponent,\n LivingPopupComponent,\n CenterFilterComponent,\n AddressFilterComponent,\n ServiceFilterComponent,\n ConditionFilterComponent,\n HealthPopupComponent,\n CellGroupPopupComponent,\n AddressFormComponent,\n ServicePopupComponent,\n MessagePopupComponent,\n TimePickerComponent,\n AnnouncementStatusFilterComponent,\n AnnouncementDateRangeFilterComponent,\n ServiceDateRangeFilterComponent,\n DonationTypeFilterComponent,\n RedeemTypeFilterComponent,\n RedeemStatusFilterComponent,\n CenterPopupComponent,\n RequestStatusFilterComponent,\n EventTypeFilterComponent,\n EventTransactionTypeFilterComponent,\n EventStatusFilterComponent,\n ImportPopupComponent,\n ImportStatusPopupComponent,\n EmojiPickerComponent,\n SignUpStatusFilterComponent,\n CellGroupFilterComponent,\n SimpleTableBoxComponent\n ]\n})\nexport class ShareModule { }\n","\n
\n\n
\n \n \n expand_less\n \n expand_more\n
\n :
\n\n expand_less\n \n expand_more\n
\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Center } from 'src/app/models/centers/center';\nimport { CenterService } from 'src/app/services/center/center.service';\n\n@Component({\n selector: 'app-center-permission-popup',\n templateUrl: './center-permission-popup.component.html',\n styleUrls: ['./center-permission-popup.component.scss']\n})\nexport class CenterPermissionPopupComponent implements OnInit {\n\n @Input() action: (centers: Center[]) => void = () => { }\n\n display: boolean = false;\n centers: Center[] = [];\n @Input() defaultCenter: Center | undefined = undefined;\n\n constructor(\n private centerService: CenterService) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.centerService.getCenters()\n .subscribe({\n next: value => this.centers = value\n });\n }\n\n reset(): void {\n this.centers.filter(center => center.uuId != this.defaultCenter?.uuId).forEach(center => center.selected = false);\n\n }\n\n open(centers: Center[]): void {\n this.defaultCenter = centers[0];\n this.centers.forEach(center => {\n center.selected = centers.some(c => c.uuId == center.uuId);\n });\n this.display = true;\n }\n\n close(): void {\n this.centers.forEach(center => center.selected = false);\n this.display = false;\n }\n\n submit(): void {\n this.action(this.centers.filter(center => center.selected));\n this.close();\n }\n}\n","import { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Center } from 'src/app/models/centers/center';\nimport { CreateStaffModel } from 'src/app/models/staffs/create-staff-model';\nimport { AddressForm } from '../../share/forms/address-form';\n\nexport class CreateStaffForm {\n public formGroup: FormGroup;\n public addresses: AddressForm[];\n public accessibleCenters: Center[];\n\n constructor() {\n this.formGroup = new FormGroup({\n memberId: new FormControl(null, [Validators.required, Validators.maxLength(8)]),\n username: new FormControl(null, [Validators.required, Validators.minLength(4), Validators.maxLength(8)]),\n password: new FormControl(null, [Validators.required, Validators.minLength(4), Validators.maxLength(12)]),\n chineseName: new FormControl(null, [Validators.required]),\n englishName: new FormControl(null, [Validators.required]),\n center: new FormControl(null, [Validators.required]),\n gender: new FormControl(null, [Validators.required]),\n phone: new FormControl(null, [Validators.required, Validators.minLength(8), Validators.maxLength(8)]),\n allowApproval: new FormControl(false)\n });\n this.addresses = [new AddressForm()];\n this.accessibleCenters = [];\n }\n\n public getCreateStaffModel(): CreateStaffModel {\n var model: CreateStaffModel = {\n Username: this.formGroup.controls['username'].value,\n Password: this.formGroup.controls['password'].value,\n MemberId: this.formGroup.controls['memberId'].value,\n phoneNumber: this.formGroup.controls['phone'].value,\n Profile: {\n ChineseName: this.formGroup.controls['chineseName'].value,\n EnglishName: this.formGroup.controls['englishName'].value,\n Gender: this.formGroup.controls['gender'].value,\n Remark: null,\n CenterCode: this.formGroup.controls['center'].value,\n Addresses: this.addresses.map(address => address.getCreateAddressModel())\n },\n CentersStaff: this.accessibleCenters.map(center => center.uuId),\n allowApproval: this.formGroup.controls['allowApproval'].value\n };\n model.Profile.Addresses[0].isDefault = true;\n return model;\n }\n\n addAddress(): void {\n this.addresses.push(new AddressForm());\n }\n\n public reset(): void {\n this.formGroup.reset();\n this.addresses = [new AddressForm()];\n this.accessibleCenters = [];\n }\n\n get valid(): boolean {\n return this.formGroup.valid\n && this.addresses.every(address => address.formGroup.valid)\n }\n}\n","import { Component, OnInit } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Center } from 'src/app/models/centers/center';\nimport { CenterService } from 'src/app/services/center/center.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { StaffService } from 'src/app/services/staff/staff.service';\nimport { CreateStaffForm } from '../../forms/create-staff-form';\n\n@Component({\n selector: 'app-staff-create-page',\n templateUrl: './staff-create-page.component.html',\n styleUrls: ['./staff-create-page.component.scss']\n})\nexport class StaffCreatePageComponent implements OnInit {\n\n form: CreateStaffForm = new CreateStaffForm();\n centers: Center[] = [];\n\n constructor(\n private centerService: CenterService,\n private loadingService: LoadingService,\n private popupMessageService: PopupMessageService,\n private staffService: StaffService,\n private router: Router\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.centerService.getCenters()\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => this.centers = value\n });\n }\n\n dropAddressAction = ((index: number) => {\n this.form.addresses.splice(index, 1);\n }).bind(this);\n\n onCenterChange(): void {\n this.form.accessibleCenters = [(this.centers.find(c => c.uuId == this.center.value) as Center)];\n }\n\n permissionAction = ((centers: Center[]) => {\n this.form.accessibleCenters = centers;\n }).bind(this);\n\n dropPermission(index: number): void {\n this.form.accessibleCenters.splice(index, 1);\n }\n\n submit(): void {\n if (this.form.valid == false) {\n this.form.formGroup.markAllAsTouched();\n this.form.addresses.forEach(address => address.formGroup.markAllAsTouched());\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n this.loadingService.startLoading();\n this.staffService.registerStaff(this.form.getCreateStaffModel())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => this.popupMessageService.messageSignal.emit(PopupMessages.CreateStaffSuccessMessage(\n new Observable\n
\n\n
\n\n 指定中心
\n重置
\n\n \n
\n\n \n\n \n
\n\n\n
\n\n 職員
\n/
\n創建職員
\n創建職員
\n\n\n \n
\n\n
\n\n 可擁有以下中心的職員權限，包括查看同操作會員資料
\n\n
\n\n {{ center.centerCode }}
\n{{ center.name }}
\n默認
\n移除
\n\n
\n 新增中心
\n add_circle\n\n
\n\n\n
\n\n 職員
\n/
\n職員概覽
\n/
\n{{ '的職員檔案' | translate: {value: profile.chineseName} }}
\n{{ profile.chineseName }} {{ profile.englishName }}
\n\n\n \n
\n\n
\n\n\n
\n\n 職員
\n/
\n職員概覽
\n職員概覽
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n
\n\n \n
\n\n
\n\n 已選擇
\n{{ selectedStaffs.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ staffs.length }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StaffOverviewPageComponent } from './pages/staff-overview-page/staff-overview-page.component';\nimport { StaffCreatePageComponent } from './pages/staff-create-page/staff-create-page.component';\nimport { StaffDetailPageComponent } from './pages/staff-detail-page/staff-detail-page.component';\nimport { RouterModule, Routes } from '@angular/router';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { ShareModule } from '../share/share.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { CenterPermissionPopupComponent } from './components/center-permission-popup/center-permission-popup.component';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { StaffProfilePageComponent } from './pages/staff-profile-page/staff-profile-page.component';\nimport { SuperAdminGuard } from 'src/app/guards/super-admin.guard';\n\nconst routes: Routes = [\n { path: 'overview', component: StaffOverviewPageComponent, canActivate: [SuperAdminGuard] },\n { path: 'create', component: StaffCreatePageComponent, canActivate: [SuperAdminGuard] },\n { path: 'overview/:id', component: StaffDetailPageComponent, canActivate: [SuperAdminGuard] },\n { path: 'my-profile', component: StaffProfilePageComponent },\n { path: '', redirectTo: 'overview', pathMatch: 'full' },\n { path: '**', redirectTo: 'overview' }\n];\n\n@NgModule({\n declarations: [\n StaffOverviewPageComponent,\n StaffCreatePageComponent,\n StaffDetailPageComponent,\n CenterPermissionPopupComponent,\n StaffProfilePageComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild(routes),\n FormsModule,\n ReactiveFormsModule,\n ShareModule,\n TranslateModule.forChild(),\n MatTooltipModule\n ]\n})\nexport class StaffModule { }\n","import { ValueConverter } from '@angular/compiler/src/render3/view/template';\nimport { Component, OnInit } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { CellGroupMemberProfile } from 'src/app/models/profiles/cell-group-member-profile';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n\n@Component({\n selector: 'app-cell-group-members-popup',\n templateUrl: './cell-group-members-popup.component.html',\n styleUrls: ['./cell-group-members-popup.component.scss']\n})\nexport class CellGroupMembersPopupComponent implements OnInit {\n\n members: CellGroupMemberProfile[] = [];\n filteredMembers: CellGroupMemberProfile[] = [];\n cellGroup: CellGroup | null = null;\n display: boolean = false;\n\n constructor(\n private cellGroupService: CellGroupService,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.cellGroupService.getCellGroupMemberList(this.cellGroup?.uuId)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.members = value;\n this.members.filter(member => member.cellGroups.find(group => group.uuId == this.cellGroup?.uuId)?.leaders.some(leader => leader.uuId == member.uuId)).forEach(member => member.isLeader = true);\n this.filteredMembers = this.members;\n })\n }\n\n open(cellGroup: CellGroup): void {\n this.display = true;\n this.cellGroup = cellGroup;\n this.fetch();\n }\n\n close(): void {\n this.cellGroup = null;\n this.members = [];\n this.filteredMembers = [];\n this.display = false;\n }\n\n searchAction: (value: string) => void = ((value: string) => {\n this.filteredMembers = this.members.filter(member => member.chineseName.includes(value) || member.memberId.toLowerCase().includes(value.toLowerCase()));\n }).bind(this);\n\n addLeader(user: CellGroupMemberProfile): void {\n this.cellGroupService.addCellGroupLeader(this.cellGroup?.uuId, [user.uuId])\n .subscribe({\n next: () => user.isLeader = true\n });\n }\n\n removeLeader(user: CellGroupMemberProfile): void {\n this.cellGroupService.removeCellGroupLeader(this.cellGroup?.uuId, [user.uuId])\n .subscribe({\n next: () => user.isLeader = false\n });\n }\n\n public removeMemberFromCellGroup(userUUId: string): void {\n this.loadingService.startLoading();\n this.cellGroupService.removeMembersFromCellGroup(this.cellGroup?.uuId as string, [userUUId])\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => this.fetch()\n });\n }\n}\n","\n
\n\n 職員
\n/
\n{{ '的職員檔案' | translate: {value: profile.chineseName} }}
\n{{ profile.chineseName }} {{ profile.englishName }}
\n\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\nimport { CenterService } from 'src/app/services/center/center.service';\n\n@Component({\n selector: 'app-cell-group-setting',\n templateUrl: './cell-group-setting.component.html',\n styleUrls: ['./cell-group-setting.component.scss']\n})\nexport class CellGroupSettingComponent implements OnInit {\n\n index: number = 0;\n centers: Center[] = [];\n\n form: FormGroup = new FormGroup({\n center: new FormControl(null, [Validators.required]),\n name: new FormControl(null, [Validators.required])\n });\n\n loading: boolean = false;\n\n constructor(\n private centerService: CenterService,\n private cellGroupService: CellGroupService,\n ) { }\n\n ngOnInit(): void {\n this.centerService.centerCreatedEvent.subscribe(() => {\n this.fetch();\n });\n\n this.centerService.centerUpdatedEvent.subscribe(() => {\n this.fetch();\n });\n\n this.fetch();\n }\n\n fetch(): void {\n this.loading = true;\n this.cellGroupService.getCenterCellGroupList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => this.centers = value\n })\n }\n\n create(): void {\n if (this.form.invalid) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.cellGroupService.createCellGroup({\n centerUUId: this.form.controls['center'].value,\n name: this.form.controls['name'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n this.form.reset();\n }\n });\n }\n\n update(cellGroup: CellGroup): void {\n if (cellGroup.form.invalid) {\n cellGroup.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.cellGroupService.updateCellGroup(cellGroup.getUpdateCellGroupModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => this.fetch()\n });\n }\n\n get selectedCenter(): Center | null {\n return this.centers.length > 0 ? this.centers[this.index] : null;\n }\n\n}\n","\n\n
\n\n
\n\n {{ cellGroup.name }}
\n\n\n add_circle\n
\n 新增組員
\n\n
\n\n \n \n
\n\n 共有
\n{{ members.length }}
\n位用戶屬於該小組
\n\n
\n \n
\n\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 中心代碼
\n\n
\n 性別
\n\n
\n 年齡
\n\n
\n 電話
\n\n
\n 身分
\n\n
\n 時分
\n\n
\n 操作
\n\n
\n\n \n
\n \n
\n {{ member.memberId }}
\n\n
\n {{ member.chineseName }}
\n\n
\n {{ member.center.centerCode }}
\n\n
\n {{ member.gender | translate }}
\n\n
\n {{ member.age }}
\n\n
\n {{ member.phone }}
\n\n
\n 組長
\n star_rate\n組員
\n\n
\n {{ member.timeBalance }}
\n\n
\n 檢視
\n設為組長
\n取消組長
\n移出
\n\n
\n \n
\n 沒有紀錄
\n\n
\n\n细胞小组
\n\n \n\n
\n\n\n \n
\n \n
\n\n \n
\n {{ center.name }}
\n{{ center.cellGroups.length }}
\n\n \n \n
\n \n \n \n\n \n \n \n
\n {{ cellGroup.name }}
\n\n
\n create\n search\n 0\" matTooltip=\"{{ '組長：' | translate: {value: cellGroup.leaders[0].name} }}\" [matTooltipPosition]=\"'above'\">{{ '組長：' | translate: {value: cellGroup.leaders[0].name} }}
\n1\">...
\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { Center } from 'src/app/models/centers/center';\nimport { CenterService } from 'src/app/services/center/center.service';\n\n@Component({\n selector: 'app-center-setting',\n templateUrl: './center-setting.component.html',\n styleUrls: ['./center-setting.component.scss']\n})\nexport class CenterSettingComponent implements OnInit {\n\n centers: Center[] = [];\n loading: boolean = true;\n\n form: FormGroup = new FormGroup({\n code: new FormControl(null, [Validators.required]),\n phone: new FormControl(null, [Validators.required]),\n name: new FormControl(null, [Validators.required])\n });\n\n constructor(\n private centerService: CenterService\n ) { }\n\n ngOnInit(): void {\n setTimeout(() => this.fetch(), 500)\n }\n\n fetch(): void {\n this.loading = true;\n this.centerService.getCenters()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.centers = value\n }\n });\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.centerService.createCenter({\n centerCode: this.form.controls['code'].value,\n phoneNumber: this.form.controls['phone'].value,\n name: this.form.controls['name'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n this.form.reset();\n }\n });\n }\n\n update(center: Center): void {\n if (center.form.invalid) {\n center.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.centerService.updateCenter(center.getUpdateCenterModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n center.editing = false;\n this.fetch();\n }\n });\n }\n}\n","中心義工
\n\n
\n\n\n 默認義工服務申請只顯示同一中心內的義工列表，可設置和其他中心的義工列表互通邀請
\n\n\n
\n \n
\n\n \n
\n {{ center.center.name }}
\n{{ center.canFindCenters.length }}
\n\n \n \n
\n \n
\n （只可用於邀請義工，管理其他中心義工會員檔案另需開通權限）
\n \n
\n \n \n
\n \n \n
\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-data-setting-container',\n templateUrl: './data-setting-container.component.html',\n styleUrls: ['./data-setting-container.component.scss']\n})\nexport class DataSettingContainerComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","中心代碼
\n\n \n \n \n \n\n \n \n \n \n
\n\n \n
\n\n {{ center.centerCode }}
\n{{ center.phoneNumber }}
\n{{ center.name }}
\n create\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-event-setting-container',\n templateUrl: './event-setting-container.component.html',\n styleUrls: ['./event-setting-container.component.scss']\n})\nexport class EventSettingContainerComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n \n
\n\n \n
\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { EventType } from 'src/app/models/event-types/event-type';\nimport { EventTypeService } from 'src/app/services/event-type/event-type.service';\n\n@Component({\n selector: 'app-event-type-setting',\n templateUrl: './event-type-setting.component.html',\n styleUrls: ['./event-type-setting.component.scss']\n})\nexport class EventTypeSettingComponent implements OnInit {\n\n eventTypes: EventType[] = [];\n loading: boolean = false;\n form: FormGroup = new FormGroup({\n code: new FormControl(null, [Validators.required]),\n name: new FormControl(null, [Validators.required])\n });\n\n constructor(\n private eventTypeService: EventTypeService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loading = true;\n this.eventTypeService.getEventTypeList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.eventTypes = value;\n }\n })\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.eventTypeService.createEventType({\n code: this.form.controls['code'].value,\n name: this.form.controls['name'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.form.reset();\n this.fetch();\n }\n });\n }\n\n update(eventType: EventType): void {\n if (eventType.form.invalid == true) {\n eventType.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.eventTypeService.updateEventType(eventType.getUpdateEventTypeModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n }\n })\n }\n\n}\n","\n
","import { Component, OnInit } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { forkJoin } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { ConditionConflict } from 'src/app/models/condition-conflicts/condition-conflict';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { ConditionConflictService } from 'src/app/services/condition-conflict/condition-conflict.service';\nimport { HealthService } from 'src/app/services/health/health.service';\nimport { LivingService } from 'src/app/services/living/living.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\n\n@Component({\n selector: 'app-health-living-setting',\n templateUrl: './health-living-setting.component.html',\n styleUrls: ['./health-living-setting.component.scss']\n})\nexport class HealthLivingSettingComponent implements OnInit {\n\n healths: Health[] = [];\n index: number = 0;\n conflicts: ConditionConflict[] = [];\n livings: Living[] = [];\n\n constructor(\n private healthService: HealthService,\n private conditionConflictService: ConditionConflictService,\n private livingService: LivingService,\n private loadingService: LoadingService,\n private translate:TranslateService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n forkJoin({\n healths: this.healthService.getHealthConditionList(),\n conflicts: this.conditionConflictService.getConditionConflictList(),\n livings: this.livingService.getLivingConditionList()\n })\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.healths = value.healths;\n this.conflicts = value.conflicts\n this.livings = value.livings;\n }\n });\n }\n\n createConflictAction: (livings: Living[]) => void = ((livings: Living[]) => {\n this.loadingService.startLoading();\n this.conditionConflictService.createConditionConflict(livings.map(lc => {\n return {\n healthConditionUUId: this.healths[this.index].uuId,\n livingConditionUUId: lc.uuId\n }\n })).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => {\n // this.messageService.displayPopupMessage(AppStaticMessage.CreateConditionConflictSuccessMessage);\n this.fetch();\n }\n });\n }).bind(this);\n\n\n deleteConditionConflict(living: Living): void {\n this.loadingService.startLoading();\n this.conditionConflictService.deleteConditionConflict([{\n healthConditionUUId: this.healths[this.index].uuId,\n livingConditionUUId: living.uuId\n }]).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => {\n // this.messageService.displayPopupMessage(AppStaticMessage.DeleteConditionConflictSuccessMessage);\n this.fetch();\n }\n });\n }\n\n\n getHealthConditionConflictsLength(health: Health): number {\n return this.conflicts.filter(cc => cc.healthConditionUUId == health.uuId).length;\n }\n get selectedHealthName():string{\n var out:string=\"\";\n this.translate.get('和健康狀況 「行動不便」 相斥的申請人居住條件：').subscribe((text:string) => {\n if(this.healths[this.index]!=null)\n out=text.replace(\"{{ value }}\",this.healths[this.index].name);\n });\n return out;\n }\n get selectedHealthConflicts(): Living[] {\n if (this.healths[this.index] == null)\n return [];\n\n var conflicts = this.conflicts\n .filter(cc => cc.healthConditionUUId == this.healths[this.index].uuId)\n .map(cc => cc.livingConditionUUId);\n return this.livings.filter(living => conflicts.includes(living.uuId));\n }\n}\n","中心活動類型
\n\n \n
\n \n
\n \n \n \n \n \n \n
\n {{ eventType.code }}
\n{{ eventType.name }}
\n create\n\n \n
\n\n
\n\n健康狀況限制
\n\n
\n\n
\n\n 請指定居住條件和對應相斥的健康狀況
\n\n
\n \n
\n\n 義工健康狀況
\n\n
\n {{ health.name }}
\n{{ getHealthConditionConflictsLength(health) }}
\n\n
\n {{selectedHealthName}}
\n\n\n
\n\n {{ conflict.name }}
\n close\n\n add_circle\n
\n\n 新增居住條件
\n\n error_outline\n
\n 義工若擁有不符合或相斥對應的申請人居住條件需求的健康狀況，在該申請人的義工配對系統中推薦評分會相應降低
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { AddressType, Living } from 'src/app/models/livings/living';\nimport { LivingService } from 'src/app/services/living/living.service';\n\n@Component({\n selector: 'app-living-setting',\n templateUrl: './living-setting.component.html',\n styleUrls: ['./living-setting.component.scss']\n})\nexport class LivingSettingComponent implements OnInit {\n\n livings: Living[] = [];\n\n index: number = 0;\n loading: boolean = false;\n form: FormGroup = new FormGroup({\n type: new FormControl(null, [Validators.required]),\n name: new FormControl(null, [Validators.required])\n });\n\n public types = [\n { name: \"單位\", type: AddressType.Room },\n { name: \"樓層\", type: AddressType.Floor },\n { name: \"大廈/期/座\", type: AddressType.Block },\n { name: \"屋苑/屋邨\", type: AddressType.Estate },\n { name: \"街號\", type: AddressType.StreetNumber },\n { name: \"街道\", type: AddressType.Street },\n ];\n\n\n constructor(\n private livingService: LivingService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loading = true;\n this.livingService.getLivingConditionList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.livings = value;\n }\n });\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.livingService.createLivingCondition({\n name: this.form.controls['name'].value,\n type: this.form.controls['type'].value,\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.form.reset();\n this.fetch();\n }\n })\n }\n\n update(living: Living): void {\n if (living.form.invalid == true) {\n living.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.livingService.updateLivingConditon(living.getUpdateLivingModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n }\n })\n }\n\n get livingsOfSelectedType(): Living[] {\n return this.livings.filter(living => living.type == this.types[this.index].type);\n }\n\n numberOfLivingOfType(type: AddressType): number {\n return this.livings.filter(living => living.type == type).length;\n }\n}\n","身體狀況
\n\n \n\n
\n\n \n
\n\n \n \n \n \n \n \n
\n {{ health.name }}
\n visibility\n visibility_off\n create\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-organization-setting-container',\n templateUrl: './organization-setting-container.component.html',\n styleUrls: ['./organization-setting-container.component.scss']\n})\nexport class OrganizationSettingContainerComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","居住條件限制
\n\n \n\n
\n \n\n
\n \n
\n\n \n
\n \n {{ type.name | translate }}
\n{{ numberOfLivingOfType(type.type) }}
\n\n
\n \n \n \n \n \n \n
\n {{ living.name }}
\n create\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\nimport { RecommandRatio } from 'src/app/models/recommands/recommand-ratio';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { RecommandRatioService } from 'src/app/services/recommand-ratio/recommand-ratio.service';\n\n@Component({\n selector: 'app-recommand-setting',\n templateUrl: './recommand-setting.component.html',\n styleUrls: ['./recommand-setting.component.scss']\n})\nexport class RecommandSettingComponent implements OnInit {\n\n ratios: RecommandRatio[] = [];\n\n constructor(\n private recommandRatioService: RecommandRatioService,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.recommandRatioService.getRecommandRatio()\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.ratios = value;\n }\n });\n }\n\n updateRatios(): void {\n this.loadingService.startLoading();\n this.recommandRatioService.setRecommandRatio(this.ratios)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe();\n }\n\n get serviceRatio(): RecommandRatio | undefined {\n return this.ratios.find(ratio => ratio.name == \"service\");\n }\n \n get availabilityRatio(): RecommandRatio | undefined {\n return this.ratios.find(ratio => ratio.name == \"availability\");\n }\n \n get addressRatio(): RecommandRatio | undefined {\n return this.ratios.find(ratio => ratio.name == \"address\");\n }\n \n get conditionRatio(): RecommandRatio | undefined {\n return this.ratios.find(ratio => ratio.name == \"condition\");\n }\n \n get feedbackRatio(): RecommandRatio | undefined {\n return this.ratios.find(ratio => ratio.name == \"feedback\");\n }\n\n}\n","\n
\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Service } from 'src/app/models/services/service';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ServiceService } from 'src/app/services/service/service.service';\n\n@Component({\n selector: 'app-service-setting',\n templateUrl: './service-setting.component.html',\n styleUrls: ['./service-setting.component.scss']\n})\nexport class ServiceSettingComponent implements OnInit {\n\n index: number = 0;\n serviceTypes: ServiceType[] = [];\n\n loading: boolean = false;\n form: FormGroup = new FormGroup({\n type: new FormControl(null, [Validators.required]),\n code: new FormControl(null, [Validators.required]),\n name: new FormControl(null, [Validators.required]),\n destination: new FormControl(false)\n });\n\n constructor(\n private serviceService: ServiceService,\n private popupMessageService: PopupMessageService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n\n this.serviceService.signal.subscribe(() => {\n this.fetch();\n })\n }\n\n fetch(): void {\n this.loading = true;\n this.serviceService.getAllServiceTypeList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.serviceTypes = value;\n }\n });\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.serviceService.createService({\n name: this.form.controls['name'].value,\n servicesCode: this.form.controls['code'].value,\n serviceTypeUUId: this.form.controls['type'].value,\n destinationNeeded: this.form.controls['destination'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n this.form.reset();\n this.form.controls['destination'].setValue(false);\n }\n });\n }\n\n update(service: Service): void {\n if (service.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.serviceService.updateService(service.getUpdateServiceModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.form.reset();\n this.form.controls['destination'].setValue(false);\n this.fetch();\n }\n });\n }\n\n enableService(service: Service): void {\n service.form.controls['enable'].setValue(true);\n\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(() => {\n this.fetch();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.EnableServiceMessage(\n this.serviceService.updateService(service.getUpdateServiceModel())\n ));\n }\n\n disableService(service: Service): void {\n service.form.controls['enable'].setValue(false);\n\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(() => {\n this.fetch();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DisableServiceMessage(\n this.serviceService.updateService(service.getUpdateServiceModel())\n ));\n }\n\n get selectedServiceType(): ServiceType {\n return this.serviceTypes[this.index];\n }\n}\n","推薦比重設置
\n\n\n
\n\n\n
\n\n\n 義工配對系統會根據所設定的不同推薦因素比重綜合評分以推薦符合申請人需求的義工
\n\n
\n \n
\n\n 推薦因素
\n重要程度
\n\n
\n\n 可提供的服務
\n \n \n \n\n
\n\n 空閒時間
\n \n \n \n\n
\n\n 地理位置
\n \n \n \n\n
\n\n 居住/健康條件
\n \n \n \n\n
\n 申請人反饋
\n \n \n \n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { ServiceService } from 'src/app/services/service/service.service';\n\n@Component({\n selector: 'app-service-type-setting',\n templateUrl: './service-type-setting.component.html',\n styleUrls: ['./service-type-setting.component.scss']\n})\nexport class ServiceTypeSettingComponent implements OnInit {\n\n loading: boolean = false;\n serviceTypes: ServiceType[] = [];\n form: FormGroup = new FormGroup({\n name: new FormControl(null, [Validators.required])\n })\n\n constructor(\n private serviceService: ServiceService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loading = true;\n this.serviceService.getAllServiceTypeList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.serviceTypes = value\n }\n });\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.serviceService.createServiceType({\n name: this.form.controls['name'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n this.form.reset();\n this.serviceService.signal.emit();\n }\n });\n }\n\n update(serviceType: ServiceType): void {\n if (serviceType.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.serviceService.updateServiceType(serviceType.getUpdateServiceTypeModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n this.serviceService.signal.emit()\n }\n });\n }\n\n}\n","可提供服務
\n\n \n\n
\n \n
\n \n
\n\n \n
\n {{ serviceType.name }}
\n{{ serviceType.services.length }}
\n\n \n \n
\n \n \n \n \n \n \n
\n {{ service.servicesCode }}
\n{{ service.name }}
\n \n block\n refresh\n create\n\n \n
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { finalize } from 'rxjs/operators';\nimport { Transportation } from 'src/app/models/transportations/transportation';\nimport { TransportationService } from 'src/app/services/transportation/transportation.service';\n\n@Component({\n selector: 'app-transportation-setting',\n templateUrl: './transportation-setting.component.html',\n styleUrls: ['./transportation-setting.component.scss']\n})\nexport class TransportationSettingComponent implements OnInit {\n\n transportations: Transportation[] = [];\n\n loading: boolean = false;\n form: FormGroup = new FormGroup({\n name: new FormControl(null, [Validators.required])\n });\n\n constructor(\n private transportationService: TransportationService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loading = true;\n this.transportationService.getTransportationList()\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: value => {\n this.transportations = value;\n }\n });\n }\n\n create(): void {\n if (this.form.invalid == true) {\n this.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.transportationService.createTransportation({\n name: this.form.controls['name'].value\n }).pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.form.reset();\n this.fetch();\n }\n })\n\n }\n\n update(transportation: Transportation): void {\n if (transportation.form.invalid == true) {\n transportation.form.markAllAsTouched();\n return;\n }\n\n this.loading = true;\n this.transportationService.updateTransportation(transportation.getUpdateTransportationModel())\n .pipe(finalize(() => this.loading = false))\n .subscribe({\n next: () => {\n this.fetch();\n }\n });\n }\n\n}\n","可提供服務類別
\n\n\n \n\n
\n\n \n
\n \n \n \n \n \n \n
\n {{ serviceType.name }}
\n create\n\n \n
\n\n
","import { Location } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { CellGroupMemberProfile } from 'src/app/models/profiles/cell-group-member-profile';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { Service } from 'src/app/models/services/service';\nimport { CellGroupService } from 'src/app/services/cell-group/cell-group.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\n\n@Component({\n selector: 'app-add-cell-group-member-page',\n templateUrl: './add-cell-group-member-page.component.html',\n styleUrls: ['./add-cell-group-member-page.component.scss']\n})\nexport class AddCellGroupMemberPageComponent implements OnInit {\n\n count: number = 0;\n pages: number = 0;\n profiles: Profile[] = [];\n caches: CellGroupMemberProfile[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n centers: [],\n districts: [],\n subDistricts: [],\n services: [],\n conditions: [],\n healths: [],\n genders: [],\n memberIdOrder: true,\n creditOrder: null,\n cellGroup:[]\n };\n\n constructor(\n private loadingService: LoadingService,\n private profileService: ProfileService,\n private router: Router,\n private route: ActivatedRoute,\n private cellGroupService: CellGroupService,\n private popupMessageService: PopupMessageService,\n private location: Location\n ) { }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.profiles = value.list;\n this.count = value.count;\n this.pages = Math.ceil(value.count / this.filters.itemsPerPage);\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n searchFilterAction = ((value: string | any) => {\n this.filters.searchInput = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n centerFilterAction = ((value: Center[] | any) => {\n this.filters.centers = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n conditionFilterAction = ((genders: string[] | any, healths: Health[] | any, livings: Living[] | any) => {\n this.filters.genders = genders;\n this.filters.healths = healths;\n this.filters.conditions = livings;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n changePage(): void {\n this.route.params.subscribe(value => {\n this.router.navigate(['/main/system', value.id, 'select-member'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n })\n }\n\n cacheSelectedProfile(profile: Profile): void {\n if (profile.selected)\n this.caches.push(new CellGroupMemberProfile(profile));\n else\n this.caches.splice(this.caches.findIndex(u => u.uuId == profile.uuId), 1);\n }\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n }\n\n cellGroupFilterAction = ((center: Center[]) => {\n this.filters.cellGroup=[];\n center.forEach(c=>c.cellGroups.forEach(cg=>cg.selected?this.filters.cellGroup.push(cg):null))\n console.log(this.filters.cellGroup);\n this.fetch();\n }).bind(this);\n selectAll(): void {\n if (this.isSelectedAll) {\n this.profiles.forEach(p => {\n p.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == p.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.profiles\n .filter(profile => profile.selected == false)\n .map(profile => new CellGroupMemberProfile(profile)));\n this.profiles.forEach(p => p.selected = true);\n }\n }\n\n fetchEverything(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getEverythingQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.caches = value.list.map(profile => new CellGroupMemberProfile(profile));\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n private getEverythingQueryString(): string {\n return \"?start=0\"\n + \"&limit=5000\"\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n }\n\n get isSelectedAll(): boolean {\n return this.profiles.every(profile => profile.selected == true);\n }\n\n get isSelectedEverything(): boolean {\n return this.caches.length >= this.count;\n }\n\n selectEverything(): void {\n if (this.isSelectedEverything == true) {\n this.caches = [];\n this.profiles.forEach(profile => profile.selected = false)\n }\n else {\n this.fetchEverything();\n }\n }\n\n back(): void {\n this.location.back();\n }\n\n submit(): void {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.cellGroupService.addMembersToCellGroup(value.id, this.caches.map(user => user.uuId))\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: () => this.popupMessageService.messageSignal.emit(PopupMessages.AddMembersToCellGroupSuccessMessage(\n new Observable交通工具
\n\n \n\n
\n\n \n
\n\n \n \n \n \n \n \n
\n {{ transportation.name }}
\n create\n\n \n
\n\n
\n\n\n
\n\n 後台設置
\n/
\n機構設置
\n/
\n細胞小組
\n新增組員
\n\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-recommendation-setting-page',\n templateUrl: './recommendation-setting-page.component.html',\n styleUrls: ['./recommendation-setting-page.component.scss']\n})\nexport class RecommendationSettingPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n 後台設置
\n/
\n資料設置
\n活動設置
\n機構設置
\n資料設置
\n活動設置
\n機構設置
\n\n\n
\n\n
\n 機構設置
\n資料設置
\n活動設置
\n\n
\n \n
\n \n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DataSettingPageComponent } from './pages/data-setting-page/data-setting-page.component';\nimport { RecommendationSettingPageComponent } from './pages/recommendation-setting-page/recommendation-setting-page.component';\nimport { RouterModule, Routes } from '@angular/router';\nimport { CenterSettingComponent } from './components/center-setting/center-setting.component';\nimport { DataSettingContainerComponent } from './components/data-setting-container/data-setting-container.component';\nimport { EventSettingContainerComponent } from './components/event-setting-container/event-setting-container.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { OrganizationSettingContainerComponent } from './components/organization-setting-container/organization-setting-container.component';\nimport { CellGroupSettingComponent } from './components/cell-group-setting/cell-group-setting.component';\nimport { CellGroupMembersPopupComponent } from './components/cell-group-members-popup/cell-group-members-popup.component';\nimport { ShareModule } from '../share/share.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ServiceTypeSettingComponent } from './components/service-type-setting/service-type-setting.component';\nimport { ServiceSettingComponent } from './components/service-setting/service-setting.component';\nimport { HealthSettingComponent } from './components/health-setting/health-setting.component';\nimport { LivingSettingComponent } from './components/living-setting/living-setting.component';\nimport { TransportationSettingComponent } from './components/transportation-setting/transportation-setting.component';\nimport { EventTypeSettingComponent } from './components/event-type-setting/event-type-setting.component';\nimport { HealthLivingSettingComponent } from './components/health-living-setting/health-living-setting.component';\nimport { RecommandSettingComponent } from './components/recommand-setting/recommand-setting.component';\nimport { AddCellGroupMemberPageComponent } from './pages/add-cell-group-member-page/add-cell-group-member-page.component';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CenterLinkerVolunteerComponent } from './components/center-linker-volunteer/center-linker-volunteer.component';\n\nconst routes: Routes = [\n {\n path: 'setting', component: DataSettingPageComponent, children: [\n { path: 'organization', component: OrganizationSettingContainerComponent, data: { animationState: 'organization' } },\n { path: 'data', component: DataSettingContainerComponent, data: { animationState: 'data' } },\n { path: 'event', component: EventSettingContainerComponent, data: { animationState: 'event' } },\n { path: '', redirectTo: 'organization', pathMatch: 'full' },\n { path: '**', redirectTo: 'organization' }\n ]\n },\n { path: ':id/select-member', component: AddCellGroupMemberPageComponent },\n { path: 'recommendation', component: RecommendationSettingPageComponent },\n { path: '', redirectTo: 'setting', pathMatch: 'full' },\n { path: '**', redirectTo: 'setting' }\n]\n\n@NgModule({\n declarations: [DataSettingPageComponent, RecommendationSettingPageComponent, CenterSettingComponent, DataSettingContainerComponent, EventSettingContainerComponent, OrganizationSettingContainerComponent, CellGroupSettingComponent, CellGroupMembersPopupComponent, ServiceTypeSettingComponent, ServiceSettingComponent, HealthSettingComponent, LivingSettingComponent, TransportationSettingComponent, EventTypeSettingComponent, HealthLivingSettingComponent, RecommandSettingComponent, AddCellGroupMemberPageComponent, CenterLinkerVolunteerComponent],\n imports: [\n CommonModule,\n RouterModule.forChild(routes),\n FormsModule,\n ReactiveFormsModule,\n ShareModule,\n TranslateModule.forChild(),\n MatTooltipModule\n ]\n})\nexport class SystemModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\nimport { AppSetting } from 'src/app/backend/app-setting';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Transaction } from 'src/app/models/transactions/transaction';\nimport { DonationService } from 'src/app/services/donation/donation.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\n\n@Component({\n selector: 'app-donation-trash-bin',\n templateUrl: './donation-trash-bin.component.html',\n styleUrls: ['./donation-trash-bin.component.scss']\n})\nexport class DonationTrashBinComponent implements OnInit {\n\n\n centerUUId: string = AppSetting.centerUUId;\n\n donations: Transaction[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n types: [],\n idOrder: false,\n dateOrder: null,\n start: null,\n end: null\n };\n\n constructor(\n private loadingService: LoadingService,\n private popupMessageService: PopupMessageService,\n private transactionService: TransactionService\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.transactionService.getDeletedTransaction()\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => this.donations = value.filter(value => value.type == \"Donation\")\n })\n }\n\n searchFilterAction: (input: string) => void = ((input: string) => {\n this.filters.searchInput = input;\n this.filters.page = 1;\n }).bind(this);\n\n dateRangeFilterAction: (start: Date, end: Date) => void = ((start: Date, end: Date) => {\n this.filters.start = start;\n this.filters.end = end;\n this.filters.page = 1;\n })\n\n typeFilterAction: (types: string[]) => void = ((types: string[]) => {\n this.filters.types = types;\n this.filters.page = 1;\n }).bind(this);\n\n get filteredDonations(): Transaction[] {\n let results = this.donations.filter(donation =>\n (this.filters.searchInput == null\n || donation.id.toString().includes(this.filters.searchInput)\n || donation.transferer.memberId.includes(this.filters.searchInput)\n || donation.transferee.memberId.includes(this.filters.searchInput)\n ) &&\n (this.filters.start == null || this.filters.end == null\n || (donation.date > this.filters.start && donation.date < this.filters.end)\n ) &&\n (this.filters.types.length == 0\n || ((this.filters.types as string[]).includes(\"Donation\") && donation.transferee.uuId == this.centerUUId)\n || ((this.filters.types as string[]).includes(\"Center\") && donation.transferer.uuId == this.centerUUId)\n )\n );\n\n if (this.filters.idOrder !== null)\n if (this.filters.idOrder === true)\n return results.sort((a, b) => a.id > b.id ? 1 : a.id < b.id ? -1 : 0);\n else\n return results.sort((b, a) => a.id > b.id ? 1 : a.id < b.id ? -1 : 0);\n\n if (this.filters.dateOrder !== null)\n if (this.filters.dateOrder === true)\n return results.sort((a, b) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n else\n return results.sort((b, a) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n\n return results;\n }\n\n get displayedDonations(): Transaction[] {\n return this.filteredDonations.slice((this.filters.page - 1) * this.filters.itemsPerPage, this.filters.page * this.filters.itemsPerPage);\n }\n\n get pages(): number {\n return Math.ceil(this.filteredDonations.length / this.filters.itemsPerPage);\n }\n\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.displayedDonations.forEach(donation => donation.selected = false);\n else\n this.displayedDonations.forEach(donation => donation.selected = true);\n }\n\n get isSelectedAll(): boolean {\n return this.displayedDonations.every(donation => donation.selected);\n }\n\n get selectedDonations(): Transaction[] {\n return this.donations.filter(donation => donation.selected == true);\n }\n\n restoreDonation(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.RestoreMessage(this.transactionService.restoreTransactions([uuId])))\n }\n\n restoreDonations(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.RestoreListMessage(this.transactionService.restoreTransactions(this.selectedDonations.map(donation => donation.uuId))));\n }\n\n deleteDonationPermanently(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeletePermanentlyMessage(this.transactionService.deleteTransactionsPermanently([uuId])));\n }\n\n deleteDonationListPermanently(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteListPermanentlyMessage(this.transactionService.deleteTransactionsPermanently(this.selectedDonations.map(donation => donation.uuId))));\n }\n\n deleteAllPermanently(): void {\n this.loadingService.startLoading();\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteListPermanentlyMessage(this.transactionService.deleteTransactionsPermanently(this.donations.map(donation => donation.uuId))));\n }\n}\n","\n
\n\n 後台設置
\n/
\n推薦設置
\n\n\n
\n\n
\n \n
\n \n
\n\n\n
\n\n\n \n
\n\n \n
\n\n
\n\n \n \n
\n \n
\n 交易編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 捐分日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 捐分類型
\n\n
\n 交易時分
\n\n
\n 操作
\n\n \n \n \n \n
\n\n \n \n
\n \n
\n {{ donation.id }}
\n\n
\n {{ donation.date | date: 'yyyy/MM/dd' }}
\n\n
\n {{ donation.transferer.memberId }}
\n\n
\n {{ donation.transferer.chineseName }}
\n\n
\n 用戶捐分
\n\n
\n - {{ donation.amount }}
\n\n
\n 檢視用戶
\n還原
\n永久移除
\n\n
\n {{ donation.transferee.memberId }}
\n\n
\n {{ donation.transferee.chineseName }}
\n\n
\n 中心捐分
\n\n
\n\n + {{ donation.amount }}
\n\n
\n 檢視用戶
\n還原
\n永久移除
\n\n
\n \n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedDonations.length }}
\n條紀錄
\n批量永久移除
\n\n\n
\n\n 合計
\n{{ donations.length }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
\n\n\n
\n\n\n
\n\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動代碼
\n\n
\n 中心活動名稱
\n\n
\n 交易類型
\n\n
\n 尚餘
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ event.id }}
\n\n
\n {{ event.getEventStartDate() | date: 'dd/MM/yyyy' }} - {{ event.getEventEndDate() | date: 'dd/MM/yyyy' }}
\n\n
\n {{ event.eventType.code }}
\n\n
\n {{ event.eventName }}
\n\n
\n {{ event.eventPay | translate }}
\n\n
\n {{ '日' | translate: {value: remainDays - event.deletedDays} }}
\n\n
\n 檢視
\n還原
\n永久移除
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量永久移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n\n
\n\n
\n\n \n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n\n
\n\n\n
\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 申請人
\n\n
\n 電話
\n\n
\n 服務類型
\n\n
\n 服務日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 尚餘
\n\n
\n 時分
\n\n
\n 義工
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ request.id }}
\n\n
\n {{ request.requester.chineseName }}
\n\n
\n \n \n
\n \n {{ request.requester.phone }}
\n\n \n
\n {{ request.service.name }}
\n\n
\n {{ request.startTime | date: 'dd-MM-yyyy' }}
\n\n
\n {{ '日' | translate: {value: remainDays - request.deletedDays} }}
\n\n
\n -
\n{{ request.actualDuration | number:'1.0-2' }}
\n\n
\n 0\" style=\"flex-basis: 1rem;\">{{ request.JoinedVolunteers[0].chineseName }}
\n1\">...+{{ request.JoinedVolunteers.length - 1}}
\n \n\n
\n 檢視
\n還原
\n永久移除
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量永久移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n\n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量永久移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ShareModule } from '../share/share.module';\nimport { BinPageComponent } from './pages/bin-page/bin-page.component';\nimport { RouterModule, Routes } from '@angular/router';\nimport { RequestTrashBinComponent } from './components/request-trash-bin/request-trash-bin.component';\nimport { EventTrashBinComponent } from './components/event-trash-bin/event-trash-bin.component';\nimport { UserTrashBinComponent } from './components/user-trash-bin/user-trash-bin.component';\nimport { DonationTrashBinComponent } from './components/donation-trash-bin/donation-trash-bin.component';\nimport { RedeemTrashBinComponent } from './components/redeem-trash-bin/redeem-trash-bin.component';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nconst routes: Routes = [\n {\n path: '', component: BinPageComponent, children: [\n { path: 'request', component: RequestTrashBinComponent, data: { animationState: 'request' } },\n { path: 'event', component: EventTrashBinComponent, data: { animationState: 'event' } },\n { path: 'user', component: UserTrashBinComponent, data: { animationState: 'user' } },\n { path: 'donation', component: DonationTrashBinComponent, data: { animationState: 'donation' } },\n { path: 'redeem', component: RedeemTrashBinComponent, data: { animationState: 'redeem' } },\n { path: '', redirectTo: 'request', pathMatch: 'full' },\n { path: '**', redirectTo: 'request' }\n ]\n },\n { path: '**', redirectTo: '' }\n]\n\n@NgModule({\n declarations: [BinPageComponent, RequestTrashBinComponent, EventTrashBinComponent, UserTrashBinComponent, DonationTrashBinComponent, RedeemTrashBinComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule.forChild(),\n ShareModule,\n RouterModule.forChild(routes),\n MatTooltipModule\n ]\n})\nexport class TrashModule { }\n","\n
\n\n 垃圾桶
\n/
\n義工服務
\n中心活動
\n用戶檔案
\n捐分紀錄
\n獎勵兌換
\n垃圾桶
\n\n\n
\n\n\n
\n 義工服務
\n中心活動
\n用戶檔案
\n捐分紀錄
\n獎勵兌換
\n\n
\n \n
\n \n
","import { Component, Input, OnInit } from \"@angular/core\";\nimport {\n Availability,\n IAvailability,\n} from \"src/app/models/profiles/availability\";\n\n@Component({\n selector: \"app-availability-table\",\n templateUrl: \"./availability-table.component.html\",\n styleUrls: [\"./availability-table.component.scss\"],\n})\nexport class AvailabilityTableComponent implements OnInit {\n @Input() readonly: boolean = false;\n @Input() availabilities: Availability[] = [];\n days: AvailiabilityDay[] = [\n new AvailiabilityDay(0, \"週日\"),\n new AvailiabilityDay(1, \"週一\"),\n new AvailiabilityDay(2, \"週二\"),\n new AvailiabilityDay(3, \"週三\"),\n new AvailiabilityDay(4, \"週四\"),\n new AvailiabilityDay(5, \"週五\"),\n new AvailiabilityDay(6, \"週六\"),\n ];\n\n constructor() {}\n\n ngOnInit(): void {\n if (this.availabilities.length == 0 && this.readonly == false) {\n this.selectAll();\n return;\n }\n\n this.availabilities.forEach((a) => {\n this.days[a.weekDay].initialize(a);\n });\n }\n\n get isSelectedAll(): boolean {\n return this.days.every((day) => day.isSelectedAll);\n }\n\n public selectAll(): void {\n if (this.isSelectedAll)\n this.days.forEach((day) =>\n day.times.forEach((t) => (t.selected = false)),\n );\n else\n this.days.forEach((day) => day.times.forEach((t) => (t.selected = true)));\n }\n\n getTimeslotAllSelected(index: number): boolean {\n return this.days.every((day) => day.times[index].selected);\n }\n\n selectAllTimeSlot(index: number): void {\n if (this.getTimeslotAllSelected(index))\n this.days.forEach((day) => (day.times[index].selected = false));\n else this.days.forEach((day) => (day.times[index].selected = true));\n }\n\n public getModels(): IAvailability[] {\n var result: IAvailability[] = [];\n this.days.forEach(\n (day) => (result = result.concat(day.toAvailabilityModel())),\n );\n return result;\n }\n}\n\nclass AvailiabilityDay {\n public weekday: number;\n public name: string;\n public times: AvailabilityTime[];\n\n constructor(weekday: number, name: string) {\n this.weekday = weekday;\n this.name = name;\n this.times = [\n new AvailabilityTime(new Date(2000, 1, 9, 6)),\n new AvailabilityTime(new Date(2000, 1, 9, 8)),\n new AvailabilityTime(new Date(2000, 1, 9, 10)),\n new AvailabilityTime(new Date(2000, 1, 9, 12)),\n new AvailabilityTime(new Date(2000, 1, 9, 13)),\n new AvailabilityTime(new Date(2000, 1, 9, 15)),\n new AvailabilityTime(new Date(2000, 1, 9, 17)),\n new AvailabilityTime(new Date(2000, 1, 9, 19)),\n ];\n }\n\n initialize(availability: Availability): void {\n this.times.forEach(\n (t) =>\n (t.selected =\n t.selected ||\n (availability.availabilityStart.getHours() <= t.time.getHours() &&\n availability.availabilityEnd.getHours() > t.time.getHours())),\n );\n }\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.times.forEach((time) => (time.selected = false));\n else this.times.forEach((time) => (time.selected = true));\n }\n\n public toAvailabilityModel(): IAvailability[] {\n var times: IAvailability[] = [];\n var start: number | null = null;\n var end: number | null = null;\n for (var i = 0; i < this.times.length; i++) {\n if (start == null && this.times[i].selected)\n start = this.times[i].time.getHours();\n if (start != null && this.times[i].selected == false)\n end = this.times[i].time.getHours();\n if (start != null && i == this.times.length - 1 && this.times[i].selected)\n end = 21;\n if (start != null && end != null) {\n times.push({\n uuId: null,\n weekDay: this.weekday,\n availabilityStart: new Date(2000, 1, 9, start).toISOString(),\n availabilityEnd: new Date(2000, 1, 9, end).toISOString(),\n });\n start = null;\n end = null;\n }\n }\n return times;\n }\n\n get isSelectedAll(): boolean {\n return this.times.every((time) => time.selected);\n }\n}\n\nclass AvailabilityTime {\n public time: Date;\n public selected: boolean;\n\n constructor(time: Date) {\n this.time = time;\n this.selected = false;\n }\n}\n","import { Route } from '@angular/compiler/src/core';\nimport { Component, EventEmitter, OnInit, Output } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { SignUpService } from 'src/app/services/sign-up/sign-up.service';\n\n@Component({\n selector: 'app-sign-up-disapprove-popup',\n templateUrl: './sign-up-disapprove-popup.component.html',\n styleUrls: ['./sign-up-disapprove-popup.component.scss']\n})\nexport class SignUpDisapprovePopupComponent implements OnInit {\n\n @Output() signal: EventEmitter\n
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n\n \n
\n 全部時間
\n\n
\n 上午 6 至 8 時
\n\n
\n 上午 8 至 10 時
\n\n
\n 上午 10 至 12 時
\n\n
\n 中午 12 至 1 時
\n\n
\n 下午 1 至 3 時
\n\n
\n 下午 3 至 5 時
\n\n
\n 下午 5 至 7 時
\n\n
\n 下午 7 至 9 時
\n\n
\n\n \n
\n \n {{ day.name | translate }}
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { forkJoin } from 'rxjs';\nimport { defaultIfEmpty, finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { UserTransaction } from 'src/app/models/transactions/user-transaction';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { TransactionService } from 'src/app/services/transaction/transaction.service';\n\n@Component({\n selector: 'app-user-donation-transaction',\n templateUrl: './user-donation-transaction.component.html',\n styleUrls: ['./user-donation-transaction.component.scss']\n})\nexport class UserDonationTransactionComponent implements OnInit {\n\n\n userId!: string;\n @Input() transactions: UserTransaction[] = [];\n @Input() reloadAction: () => void = () => { }\n\n filters: any = {\n page: 1,\n itemsPerPage: 10,\n idOrder: null,\n dateOrder: true\n };\n\n constructor(\n private route: ActivatedRoute,\n private popupMessageService: PopupMessageService,\n private transactionService: TransactionService,\n private loadingService: LoadingService\n ) { }\n\n ngOnInit(): void {\n this.route.parent?.params.subscribe(value => {\n this.userId = value.id;\n });\n }\n\n deleteDonation(transactionUUId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationSuccessMessage);\n this.reloadAction();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationMessage(\n this.transactionService.cancelTransaction(transactionUUId, { remark: \"Cancel Donation\" })\n .pipe(finalize(() => this.loadingService.stopLoading()))));\n }\n\n deleteDonationList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationSuccessMessage);\n this.reloadAction();\n subscriber.unsubscribe();\n })\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteDonationMessage(\n forkJoin(this.selectedTransactions.map(transaction => this.transactionService.cancelTransaction(transaction.uuId, { remark: \"Cancel Donation\" })))\n .pipe(defaultIfEmpty(), finalize(() => this.loadingService.stopLoading()))));\n }\n\n get pages(): number {\n return this.transactions ? Math.ceil(this.transactions.length / this.filters.itemsPerPage) : 0;\n }\n\n get selectedTransactions(): UserTransaction[] {\n return this.transactions.filter(transaction => transaction.selected);\n }\n\n get displayedTransactions(): UserTransaction[] {\n let result = this.transactions;\n\n if (this.filters.idOrder != null) {\n if (this.filters.idOrder == true)\n result = this.transactions.sort((a, b) => a.event.id > b.event.id ? 1 : a.event.id < b.event.id ? -1 : 0);\n else\n result = this.transactions.sort((b, a) => a.event.id > b.event.id ? 1 : a.event.id < b.event.id ? -1 : 0);\n }\n\n if (this.filters.dateOrder != null) {\n if (this.filters.dateOrder == true)\n result = this.transactions.sort((b, a) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n else\n result = this.transactions.sort((a, b) => a.date > b.date ? 1 : a.date < b.date ? -1 : 0);\n }\n\n return result.slice((this.filters.page - 1) * this.filters.itemsPerPage, this.filters.page * this.filters.itemsPerPage);\n }\n\n get isSelectedAll(): boolean {\n return this.displayedTransactions.every(transaction => transaction.selected == true);\n }\n\n selectAll(): void {\n if (this.isSelectedAll)\n this.displayedTransactions.forEach(transaction => transaction.selected = false);\n else\n this.displayedTransactions.forEach(transaction => transaction.selected = true);\n }\n}\n","\n
\n\n help\n
\n\n \n\n \n
\n 確認要拒絕該申請嗎？
\n請填寫拒絕理由，拒絕該帳號申請後，審核結果通知會發送至該申請人應用程式，且資料在XX日後自動移除
\n\n \n \n
\n \n
\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 捐分日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 會員編號
\n\n
\n 中文姓名
\n\n
\n 捐分類型
\n\n
\n 交易時分
\n\n
\n 操作
\n\n \n \n \n \n\n
\n\n \n \n
\n \n
\n {{ transaction.id }}
\n\n
\n {{ transaction.date | date: 'dd-MM-yyyy' }}
\n\n
\n {{ transaction.transferer.memberId }}
\n\n
\n {{ transaction.transferer.chineseName }}
\n\n
\n 用戶捐分
\n\n
\n -{{ transaction.amount }}
\n\n
\n {{ transaction.transferee.memberId }}
\n\n
\n {{ transaction.transferee.chineseName }}
\n\n
\n 中心捐分
\n\n
\n +{{ transaction.amount }}
\n\n
\n 移除
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedTransactions.length }}
\n條紀錄
\n匯出選項
\n移除選項
\n\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 活動日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 中心活動
\n\n
\n 類型
\n\n
\n 時分
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ transaction.event.id }}
\n\n
\n {{ transaction.event.startTime | date: 'dd-MM-yyyy' }}
\n\n
\n {{ transaction.event.eventName }}
\n\n
\n 收入
\n支出
\n\n
\n {{ transaction.amount | number }}
\n\n
\n 檢視/編輯
\n移除活動
\n移除交易
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedTransactions.length }}
\n條紀錄
\n匯出選項
\n移除選項
\n\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
\n\n
\n 該會員可提供以下義工服務，系統根據可供服務和空閒時間進行義工推薦
\n\n
\n \n
\n \n
\n {{ serviceType.name }}
\n{{ serviceType.selectedServices.length }}
\n\n
\n \n
\n {{ service.servicesCode }}
\n{{ service.name }}
\n\n
\n 新增服務
\n add_circle\n\n
\n\n\n
\n\n \n \n
\n \n
\n 換領編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 換領日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 獎勵標題
\n\n
\n 數量
\n\n
\n 交易時分
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ redeem.redeemCode }}
\n\n
\n {{ redeem.redeemDate | date: 'yyyy/MM/dd' }}
\n\n
\n {{ redeem.productName }}
\n\n
\n {{ redeem.quantity }}
\n\n
\n {{ redeem.total }}
\n\n
\n 檢視
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedTransactions.length }}
\n條紀錄
\n匯出選項
\n\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
\n\n\n
\n\n \n \n
\n \n
\n 紀錄編號
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 服務日期
\n\n arrow_drop_up\n arrow_drop_down\n
\n \n
\n 服務類型
\n\n
\n 交易類別
\n\n
\n 受助者
\n\n
\n 義工
\n\n
\n 時分
\n\n
\n 操作
\n\n
\n\n \n \n
\n \n
\n {{ transaction.request.id }}
\n\n
\n {{ transaction.request.checkOutTime | date: 'dd-MM-yyyy' }}
\n\n
\n {{ transaction.request.service.name }}
\n\n
\n 收入
\n支出
\n\n
\n {{ transaction.transferer.chineseName }}
\n\n
\n {{ transaction.transferee.chineseName }}
\n\n
\n {{ transaction.amount | number }}
\n\n
\n 檢視
\n移除
\n\n
\n\n
\n 沒有紀錄
\n\n
\n\n
\n\n 已選擇
\n{{ selectedTransactions.length }}
\n條紀錄
\n匯出選項
\n移除選項
\n\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1\">chevron_right\n\n
","import { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { AppColumn } from \"src/app/backend/app-column\";\nimport { CellGroup } from \"src/app/models/cell-groups/cell-group\";\nimport { Health } from \"src/app/models/healths/health\";\nimport { Agent } from \"src/app/models/profiles/agent\";\nimport { Availability } from \"src/app/models/profiles/availability\";\nimport { CreateUserModel } from \"src/app/models/profiles/create-user-model\";\nimport { Service } from \"src/app/models/services/service\";\nimport { AddressForm } from \"../../share/forms/address-form\";\n\nexport class CreateUserForm {\n formGroup: FormGroup;\n healths: Health[];\n cellGroups: CellGroup[];\n services: Service[];\n addresses: AddressForm[];\n availabilities: Availability[];\n columns: AppColumn[];\n agents: Agent[];\n\n\n constructor() {\n this.formGroup = new FormGroup({\n memberId: new FormControl(null, [Validators.required]),\n username: new FormControl(null, [Validators.required]),\n password: new FormControl(null, [Validators.required]),\n center: new FormControl(null, [Validators.required]),\n chineseName: new FormControl(null, [Validators.required]),\n englishName: new FormControl(null, [Validators.required]),\n gender: new FormControl(null, [Validators.required]),\n phone: new FormControl(null, [Validators.required, Validators.minLength(8), Validators.maxLength(8)]),\n smartPhone: new FormControl(false),\n phoneModel: new FormControl(null),\n birthday: new FormControl(null, [Validators.required]),\n simCard: new FormControl(null, [Validators.required]),\n literacy: new FormControl(null, [Validators.required]),\n educationLevel: new FormControl(null, [Validators.required]),\n contactPersonName: new FormControl(null),\n contactPersonPhone: new FormControl(null),\n remark: new FormControl(null) \n });\n this.addresses = [new AddressForm()];\n this.healths = [];\n this.services = [];\n this.availabilities = [];\n this.cellGroups = [];\n this.agents = [];\n this.columns = [];\n }\n\n\n reset(): void {\n this.formGroup.reset();\n this.addresses = [new AddressForm()];\n this.healths = [];\n this.services = [];\n this.agents = [];\n this.cellGroups = [];\n this.availabilities = [];\n this.columns = [];\n }\n\n public getCreateUserModel(): CreateUserModel {\n let model: CreateUserModel = {\n username: this.formGroup.controls['username'].value,\n password: this.formGroup.controls['password'].value,\n memberId: this.formGroup.controls['memberId'].value.trim(),\n phoneNumber: this.formGroup.controls['phone'].value,\n profile: {\n chineseName: this.formGroup.controls['chineseName'].value,\n englishName: this.formGroup.controls['englishName'].value,\n dateOfBirth: (\n \n \n
\n\n \n
\n\n 本月
\n\n
\n\n 時分結餘：
\n{{ income - expend }}
\n\n
\n\n \n\n \n
\n \n \n
\n 收入
\n{{ income }}
\n\n
\n \n
\n 支出
\n{{ expend }}
\n\n \n \n \n \n
\n\n\n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n\n
\n\n 會員
\n/
\n創建會員
\n會員列表
\n\n
\n\n \n
\n\n
\n \n
\n\n \n \n \n
\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n \n勾選全部
\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
\n\n\n
\n\n 會員
\n/
\n申請審核列表
\n待審核列表
\n\n\n
\n\n \n
\n
\n \n
\n\n \n
\n\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n\n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { forkJoin } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { Center } from 'src/app/models/centers/center';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { ServiceType } from 'src/app/models/services/service-type';\nimport { SignUpUser } from 'src/app/models/sign-ups/sign-up-user';\nimport { CenterService } from 'src/app/services/center/center.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\nimport { ServiceService } from 'src/app/services/service/service.service';\nimport { SignUpService } from 'src/app/services/sign-up/sign-up.service';\n\n@Component({\n selector: 'app-sign-up-user-detail',\n templateUrl: './sign-up-user-detail.component.html',\n styleUrls: ['./sign-up-user-detail.component.scss']\n})\nexport class SignUpUserDetailComponent implements OnInit {\n\n client!: Profile;\n lang: string = this.translateService.currentLang;\n user!: SignUpUser;\n centers: Center[] = [];\n serviceTypes: ServiceType[] = [];\n\n constructor(\n private signUpService: SignUpService,\n private loadingService: LoadingService,\n private centerService: CenterService,\n private route: ActivatedRoute,\n private translateService: TranslateService,\n private serviceService: ServiceService,\n private profileService: ProfileService,\n private popupMessageService: PopupMessageService,\n private router: Router\n ) { }\n\n ngOnInit(): void {\n this.fetch();\n }\n\n fetch(): void {\n this.translateService.onLangChange.subscribe(value => {\n this.lang = value.lang;\n });\n\n this.route.params.subscribe(value => {\n this.loadingService.startLoading()\n forkJoin({\n user: this.signUpService.getSignUpUser(value.id),\n centers: this.centerService.getCenters(),\n services: this.serviceService.getServiceTypeList(),\n client: this.profileService.getMyProfile()\n }).pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.user = value.user;\n this.centers = value.centers;\n this.serviceTypes = value.services;\n this.serviceTypes.forEach(st => st.services.filter(s => this.user?.services.some(service => s.uuId == service.uuId))\n .forEach(s => s.selected = true));\n\n this.client = value.client;\n\n if (this.user.signUpStatus == 'Approving') {\n this.user.form.enable();\n return;\n }\n\n if (this.user.signUpStatus == 'Approved') {\n this.router.navigate(['/main/user/overview', this.user.userUUId]);\n return;\n }\n\n this.user.form.disable();\n this.user.form.updateValueAndValidity();\n });\n })\n }\n\n startApproval(): void {\n this.route.params.subscribe(value => {\n this.signUpService.startApproval(value.id)\n .subscribe(value => {\n this.user.form.enable();\n window.scrollTo(0, 0);\n this.fetch();\n });\n });\n }\n\n get selectedServiceTypes(): ServiceType[] {\n return this.serviceTypes.filter(st => st.services.some(s => s.selected == true));\n }\n\n approve(): void {\n if (this.user.form.invalid) {\n this.user.form.markAllAsTouched();\n this.popupMessageService.messageSignal.emit(PopupMessages.InvalidInformationMessage);\n return;\n }\n\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.signUpService.approve(this.user.getApproveModel())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(() => {\n this.router.navigate(['/main/user/overview', this.user.userUUId]);\n })\n });\n }\n\n reapprove(): void {\n this.route.params.subscribe(value => {\n this.loadingService.startLoading();\n this.signUpService.resetApproval(value.id)\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.fetch();\n window.scrollTo(0, 0);\n });\n })\n }\n\n\n deleteUser(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteUserMessage(this.profileService.deleteUsers([this.user?.userUUId as string])));\n }\n}\n","\n
\n\n 會員
\n/
\n申請審核列表
\n帳號申請設置
\n\n\n \n
\n\n
\n\n\n
\n\n 會員
\n/
\n申請審核列表
\n{{ user.chineseName }} {{ user.englishName }}
\n\n\n
\n\n
\n\n {{ '申請時間：' | translate: {value: user.signUpAt | date: 'yyyy-MM-dd HH:mm'} }}
\n\n
\n \n
\n\n \n
\n\n 基本信息
\n欄目帶 * 號為必填項
\n\n
\n\n 會員姓名
\n{{ user.chineseName }}
\n{{ user.englishName }}
\n\n
\n\n 性別
\n{{ user.gender | translate }}
\n\n
\n\n 電話號碼
\n\n
\n {{ user.phone }}
\n{{ user.mobilePhoneModel }}
\n\n
\n\n 出生日期
\n{{ user.dateOfBirth | date: 'longDate': '': lang }}
\n{{ '歲' | translate: {value: user.age} }}
\n\n
\n\n 是否有流動數據
\n有
\n沒有
\n\n
\n\n\n 細胞小組
\n未指定
\n help_outline\n同一細胞小組的會員在義工推薦時優先顯示
\n\n
\n\n 代理人
\n未指定，請在用戶列表中確認人選
\n help_outline\n代理人帳號可代該用戶帳號申請義工服務和中心活動
\n\n
\n\n 緊急聯絡人
\n{{ user.contactPersonName }}
\n{{ user.contactPersonPhoneNumber }}
\n\n
\n\n 身體狀況
\n未設置
\n\n
\n 教育程度
\n能讀能寫
\n只能讀，不能寫
\n不懂文字
\n大學或以上
\n中學
\n小學
\n不適用
\n\n
\n\n \n
\n\n 地址信息
\n居住條件選項可在後台設置中增加/編輯
\n\n
\n\n {{ '地址#' | translate: {value: 1} }}
\n\n
\n {{ user.address.region.name }}，{{ user.address.district.name }}，
\n{{ user.address.subDistrict.name }}{{ user.address.street.name }}{{ user.address.streetNumber.name }}，
\n{{ user.address.estate.name }}，{{ user.address.block.name }}，
\n{{ user.address.floor.name }}，{{ user.address.room.name }}
\n\n
\n {{ '居住條件 #' | translate: {value: 1} }}
\n不適用
\n\n
\n\n \n
\n\n 義工服務信息
\n義工會員須填寫，系統會根據以下信息在邀請義工時篩選適合的義工會員，非義工會員可不填
\n\n
\n\n 空閒時間
\n\n\n 0\">\n \n\n
\n 可提供服務
\n\n
\n\n 未設置
\n\n \n \n \n \n \n \n \n \n \n
\n \n
\n\n
\n\n 1
\n check\n\n
\n \n
\n 等候審核
\n \n該申請正在等候審核
\n\n
\n\n 2
\n check\n\n
\n \n
\n 審核中
\n \n職員正在審核中
\n\n
\n\n 3
\n\n
\n \n
\n 已通過
\n該申請已通過審核
\n\n
\n 3
\n\n
\n \n
\n 已拒絕
\n該申請被拒絕
\n\n
\n\n
\n 該會員可提供以下義工服務，系統根據可供服務和空閒時間進行義工推薦
\n\n
\n \n
\n \n
\n {{ serviceType.name }}
\n{{ serviceType.selectedServices.length }}
\n\n
\n \n
\n {{ service.servicesCode }}
\n{{ service.name }}
\n\n
\n\n\n
\n\n 用戶
\n/
\n創建用戶
\n創建用戶
\n\n\n \n\n
\n\n
\n\n
\n 該會員可提供以下義工服務，系統根據可供服務和空閒時間進行義工推薦
\n\n
\n \n
\n \n
\n {{ serviceType.name }}
\n{{ serviceType.selectedServices.length }}
\n\n
\n \n
\n {{ service.servicesCode }}
\n{{ service.name }}
\n close\n\n
\n 新增服務
\n add_circle\n\n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { finalize } from 'rxjs/operators';\nimport { PopupMessages } from 'src/app/backend/popup-message';\nimport { CellGroup } from 'src/app/models/cell-groups/cell-group';\nimport { Center } from 'src/app/models/centers/center';\nimport { Health } from 'src/app/models/healths/health';\nimport { Living } from 'src/app/models/livings/living';\nimport { Profile } from 'src/app/models/profiles/profile';\nimport { Service } from 'src/app/models/services/service';\nimport { ExportService } from 'src/app/services/export/export.service';\nimport { ImportService } from 'src/app/services/import/import.service';\nimport { LoadingService } from 'src/app/services/loading/loading.service';\nimport { PopupMessageService } from 'src/app/services/popup-message/popup-message.service';\nimport { ProfileService } from 'src/app/services/profile/profile.service';\n\n@Component({\n selector: 'app-user-overview-page',\n templateUrl: './user-overview-page.component.html',\n styleUrls: ['./user-overview-page.component.scss']\n})\nexport class UserOverviewPageComponent implements OnInit {\n\n count: number = 0;\n pages: number = 0;\n profiles: Profile[] = [];\n caches: Profile[] = [];\n\n filters: any = {\n page: 1,\n itemsPerPage: 20,\n searchInput: null,\n centers: [],\n districts: [],\n subDistricts: [],\n services: [],\n conditions: [],\n healths: [],\n genders: [],\n memberIdOrder: true,\n creditOrder: null,\n birthdayFrom: null,\n birthdayTo: null,\n cellGroup:[]\n };\n\n constructor(\n private profileService: ProfileService,\n private loadingService: LoadingService,\n private route: ActivatedRoute,\n private router: Router,\n private popupMessageService: PopupMessageService,\n private exportService: ExportService,\n private importService: ImportService,\n ) { }\n\n ngOnInit(): void {\n this.importService.refreshSignal.subscribe(value => {\n this.fetch();\n });\n\n this.route.queryParams.subscribe(value => {\n this.filters.page = parseInt(value.page) || 1;\n this.filters.itemsPerPage = parseInt(value.itemsPerPage) || 20;\n this.fetch();\n });\n }\n\n fetch(): void {\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getQueryString())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe({\n next: value => {\n this.count = value.count;\n this.profiles = value.list;\n this.pages = Math.ceil(value.count / this.filters.itemsPerPage);\n this.profiles.forEach(profile => {\n if (this.caches.find(u => u.uuId == profile.uuId))\n profile.selected = true;\n });\n }\n });\n }\n\n cacheSelectedProfile(profile: Profile): void {\n if (profile.selected)\n this.caches.push(profile);\n else\n this.caches.splice(this.caches.findIndex(u => u.uuId == profile.uuId), 1);\n }\n\n changePage(): void {\n this.router.navigate(['/main/user/overview'], { queryParams: { page: this.filters.page, itemsPerPage: this.filters.itemsPerPage } })\n }\n\n private getQueryString(): string {\n return \"?start=\" + (this.filters.page - 1) * this.filters.itemsPerPage\n + \"&limit=\" + this.filters.itemsPerPage\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n + (this.filters.birthdayFrom != null ? \"&birthdayFrom=\" + (this.filters.birthdayFrom as Date).toISOString() : \"\")\n + (this.filters.birthdayTo != null ? \"&birthdayTo=\" + (this.filters.birthdayTo as Date).toISOString() : \"\")\n + (this.filters.cellGroup.map((cellGroup: CellGroup) => \"&cellGroup=\" + cellGroup.uuId).join(\"\"))\n }\n\n searchFilterAction = ((value: string | any) => {\n this.filters.searchInput = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n centerFilterAction = ((value: Center[] | any) => {\n this.filters.centers = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n addressFilterAction = ((value: string[], subDistricts: string[] | any) => {\n this.filters.districts = value;\n this.filters.subDistricts = subDistricts;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n serviceFilterAction = ((value: Service[] | any) => {\n this.filters.services = value;\n this.filters.page = 1;\n this.fetch();\n }).bind(this);\n\n conditionFilterAction = ((genders: string[] | any, healths: Health[] | any, livings: Living[] | any, birthdayFrom: Date, birthdayTo: Date) => {\n this.filters.genders = genders;\n this.filters.healths = healths;\n this.filters.conditions = livings;\n this.filters.page = 1;\n this.filters.birthdayFrom = birthdayFrom;\n this.filters.birthdayTo = birthdayTo;\n this.fetch();\n }).bind(this);\n\n\n cellGroupFilterAction = ((center: Center[]) => {\n this.filters.cellGroup=[];\n center.forEach(c=>c.cellGroups.forEach(cg=>cg.selected?this.filters.cellGroup.push(cg):null))\n console.log(this.filters.cellGroup);\n this.fetch();\n }).bind(this);\n\n selectAll(): void {\n if (this.isSelectedAll) {\n this.profiles.forEach(p => {\n p.selected = false;\n this.caches.splice(this.caches.findIndex(u => u.uuId == p.uuId), 1);\n });\n }\n else {\n this.caches = this.caches.concat(this.profiles.filter(profile => profile.selected == false));\n this.profiles.forEach(p => p.selected = true);\n }\n }\n\n get isSelectedAll(): boolean {\n return this.profiles.every(profile => profile.selected == true);\n }\n\n deleteUser(uuId: string): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteUserMessage(this.profileService.deleteUsers([uuId])));\n }\n\n deleteUserList(): void {\n var subscriber = this.popupMessageService.executeSuccessSignal.subscribe(value => {\n this.fetch();\n subscriber.unsubscribe();\n });\n\n this.popupMessageService.messageSignal.emit(PopupMessages.DeleteUserListMessage(this.profileService.deleteUsers(this.caches.map(p => p.uuId))));\n }\n\n exportUsers(): void {\n if (this.caches.length != 0) {\n this.exportService.exportUsers(this.caches.map(user => user.getUserExportModel()), \"User\");\n return;\n }\n\n this.loadingService.startLoading();\n this.profileService.getProfileList(this.getEverythingQuery())\n .pipe(finalize(() => this.loadingService.stopLoading()))\n .subscribe(value => {\n this.exportService.exportUsers(value.list.map(user => user.getUserExportModel()), \"User\");\n });\n }\n\n private getEverythingQuery(): string {\n return \"?start=0&limit=1000000\"\n + (this.filters.searchInput ? \"&filterString=\" + this.filters.searchInput : \"\")\n + (this.filters.centers.map((center: Center) => \"¢ers=\" + center.uuId).join(\"\"))\n + (this.filters.services.map((service: Service) => \"&services=\" + service.uuId).join(\"\"))\n + (this.filters.districts.map((district: string) => \"&districts=\" + district).join(\"\"))\n + (this.filters.subDistricts.map((subDistrict: string) => \"&subDistricts=\" + subDistrict).join(\"\"))\n + (this.filters.conditions.map((condition: Living) => \"&livingConditions=\" + condition.uuId).join(\"\"))\n + (this.filters.healths.map((health: Health) => \"&healthConditions=\" + health.uuId).join(\"\"))\n + (this.filters.genders.map((gender: string) => \"&gender=\" + gender).join(\"\"))\n + (this.filters.memberIdOrder != null ? \"&orderByMemberId=\" + String(this.filters.memberIdOrder) : \"\")\n + (this.filters.creditOrder != null ? \"&orderByBalance=\" + String(this.filters.creditOrder) : \"\")\n + (this.filters.birthdayFrom != null ? \"&birthdayFrom=\" + (this.filters.birthdayFrom as Date).toISOString() : \"\")\n + (this.filters.birthdayTo != null ? \"&birthdayTo=\" + (this.filters.birthdayTo as Date).toISOString() : \"\")\n }\n\n openImportPopup(): void {\n this.importService.importPopupSignal.emit(\"User\")\n }\n}\n","\n
\n\n 會員
\n/
\n會員概覽
\n{{ profile.chineseName }} {{ profile.englishName }}
\n\n\n
\n\n\n
\n 個人檔案
\n交易紀錄
\n\n
\n \n
\n \n
\n\n\n
\n\n 用戶
\n/
\n用戶概覽
\n用戶概覽
\n\n\n
\n\n\n \n
\n\n
\n \n
\n\n \n
\n\n \n
\n\n
\n\n 已選擇
\n{{ caches.length }}
\n條紀錄
\n批量移除
\n\n\n
\n\n 合計
\n{{ count }}
\n項
\n\n \n
\n\n chevron_left\n \n /
\n{{ pages }}
\n = pages}\" (click)=\"filters.page = +filters.page +1;changePage()\">chevron_right\n