mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
81 lines
2.6 KiB
TypeScript
81 lines
2.6 KiB
TypeScript
import { ChangeDetectorRef, Component, Inject, Input, OnInit } from '@angular/core';
|
|
import { FormArray, FormBuilder, FormGroup, Validators } from '@angular/forms';
|
|
import { UuidService } from '../../../../core/services/uuid.service';
|
|
import { ToastService } from '../../../../core/services/toast.service';
|
|
import { PollService } from '../../../../core/services/poll.service';
|
|
import { DateUtilitiesService } from '../../../../core/services/date.utilities.service';
|
|
import { ApiService } from '../../../../core/services/api.service';
|
|
import { Router } from '@angular/router';
|
|
import { DOCUMENT } from '@angular/common';
|
|
import { DateChoice, defaultTimeOfDay, TimeSlices } from '../../../../../../mocks/old-stuff/config/defaultConfigs';
|
|
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { StorageService } from '../../../../core/services/storage.service';
|
|
import { environment } from '../../../../../environments/environment';
|
|
|
|
@Component({
|
|
selector: 'app-date-select',
|
|
templateUrl: './date-select.component.html',
|
|
styleUrls: ['./date-select.component.scss'],
|
|
})
|
|
export class DateSelectComponent implements OnInit {
|
|
@Input()
|
|
form: FormGroup;
|
|
|
|
displaySeveralHoursChoice = true;
|
|
allowSeveralHours = true;
|
|
today = new Date();
|
|
endDateInterval: string;
|
|
|
|
intervalDaysDefault = environment.interval_days_default;
|
|
dateChoices: DateChoice[] = []; // sets of dateChoices as strings, config to set identical time for dateChoices in a special dateChoices poll
|
|
timeSlices: TimeSlices[] = []; // ranges of time expressed as strings
|
|
|
|
selectionKind = 'range';
|
|
display: any;
|
|
|
|
constructor(
|
|
private fb: FormBuilder,
|
|
private cd: ChangeDetectorRef,
|
|
private uuidService: UuidService,
|
|
private toastService: ToastService,
|
|
private pollService: PollService,
|
|
private apiService: ApiService,
|
|
private storageService: StorageService,
|
|
private router: Router,
|
|
private translateService: TranslateService,
|
|
@Inject(DOCUMENT) private document: any
|
|
) {
|
|
this.dateChoices = this.storageService.dateChoices;
|
|
this.timeSlices = this.storageService.timeSlices;
|
|
}
|
|
|
|
ngOnInit(): void {}
|
|
|
|
/**
|
|
* change time spans
|
|
*/
|
|
addTime() {
|
|
this.timeSlices.push({
|
|
literal: '',
|
|
});
|
|
}
|
|
|
|
removeAllTimes() {
|
|
this.timeSlices = [];
|
|
this.dateChoices.map((elem) => (elem.timeSlices = []));
|
|
|
|
this.toastService.display('périodes horaires vidées');
|
|
}
|
|
|
|
resetTimes(slices = Object.create(defaultTimeOfDay)) {
|
|
this.timeSlices = slices;
|
|
this.dateChoices.map((elem) => (elem.timeSlices = Object.create(slices)));
|
|
this.toastService.display('périodes horaires réinitialisées');
|
|
}
|
|
|
|
openSimple() {
|
|
this.display = !this.display;
|
|
}
|
|
}
|