forked from tykayn/funky-framadate-front
135 lines
3.5 KiB
TypeScript
135 lines
3.5 KiB
TypeScript
import { DOCUMENT } from '@angular/common';
|
|
import { ChangeDetectorRef, Component, Inject, OnInit } from '@angular/core';
|
|
|
|
import { ToastService } from '../../../../src/app/core/services/toast.service';
|
|
import { DateUtilitiesService } from '../../../../src/app/core/services/date.utilities.service';
|
|
import { otherDefaultDates } from '../../config/defaultConfigs';
|
|
import { ConfigService } from '../../services/config.service';
|
|
import { BaseComponent } from '../example/base-page/base.component';
|
|
|
|
@Component({
|
|
selector: 'app-dates',
|
|
templateUrl: './dates.component.html',
|
|
styleUrls: ['./dates.component.scss'],
|
|
})
|
|
export class DatesComponent extends BaseComponent implements OnInit {
|
|
showDateInterval = false;
|
|
startDateInterval: any;
|
|
intervalDays: any;
|
|
intervalDaysDefault = 7;
|
|
endDateInterval: any;
|
|
|
|
constructor(
|
|
public config: ConfigService,
|
|
private cd: ChangeDetectorRef,
|
|
private toastService: ToastService,
|
|
private dateUtilities: DateUtilitiesService,
|
|
@Inject(DOCUMENT) private document: any
|
|
) {
|
|
super(config);
|
|
}
|
|
|
|
countDays() {
|
|
// compute the number of days in the date interval
|
|
if (this.endDateInterval && this.startDateInterval) {
|
|
this.intervalDays = this.dateUtilities.dayDiff(this.endDateInterval, this.startDateInterval).toFixed(0);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* set the interval options
|
|
*/
|
|
ngOnInit(): void {
|
|
const dateCurrent = new Date();
|
|
const dateJson = dateCurrent.toISOString();
|
|
this.startDateInterval = dateJson.substring(0, 10);
|
|
this.endDateInterval = this.dateUtilities
|
|
.addDaysToDate(this.intervalDaysDefault, dateCurrent)
|
|
.toISOString()
|
|
.substring(0, 10);
|
|
}
|
|
|
|
addDate() {
|
|
this.config.dateList.push({
|
|
literal: '',
|
|
date_object: new Date(),
|
|
timeList: [],
|
|
});
|
|
const selector = '["choice_label_' + (this.config.dateList.length - 1) + '"]';
|
|
this.cd.detectChanges();
|
|
const elem = this.document.querySelector(selector);
|
|
if (elem) {
|
|
elem.focus();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* change time spans
|
|
*/
|
|
addTime() {
|
|
this.config.timeList.push({
|
|
literal: '',
|
|
timeList: [],
|
|
date_object: new Date(),
|
|
});
|
|
}
|
|
|
|
removeAllTimes() {
|
|
this.config.timeList = [];
|
|
}
|
|
|
|
resetTimes() {
|
|
this.config.timeList = otherDefaultDates;
|
|
}
|
|
|
|
/**
|
|
* add a time period to a specific date choice,
|
|
* focus on the new input
|
|
* @param config
|
|
* @param id
|
|
*/
|
|
addTimeToDate(config: any, id: number) {
|
|
config.timeList.push({ literal: '' });
|
|
const selector = '[ng-reflect-choice_label="dateTime_' + id + '_Choices_' + (config.timeList.length - 1) + '"]';
|
|
this.cd.detectChanges();
|
|
const elem = this.document.querySelector(selector);
|
|
if (elem) {
|
|
elem.focus();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* remove all input contents, does not reset to default
|
|
*/
|
|
emptyAll() {
|
|
this.config.dateList.forEach((element) => {
|
|
element.literal = '';
|
|
element.date_object = new Date();
|
|
element.timeList = ['', '', ''];
|
|
});
|
|
this.config.timeList.forEach((element) => {
|
|
element.literal = '';
|
|
});
|
|
}
|
|
|
|
/**
|
|
* add all the dates between the start and end dates in the interval section
|
|
*/
|
|
addIntervalOfDates() {
|
|
const newIntervalArray = this.dateUtilities.getDatesInRange(this.startDateInterval, this.endDateInterval, 1);
|
|
|
|
const converted = [];
|
|
newIntervalArray.forEach((element) => {
|
|
converted.push({
|
|
literal: element.literal,
|
|
date_object: element.date_object,
|
|
timeList: [],
|
|
});
|
|
});
|
|
this.config.dateList = [...new Set(converted)]; // add only dates that are not already present with a Set of unique items
|
|
this.showDateInterval = false;
|
|
|
|
this.toastService.display(`les dates ont été ajoutées aux réponses possibles.`);
|
|
}
|
|
}
|