mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* [AAE-16965] Improve Date data table column type * [AAE-16965] Date unit tests * update docs * cleanup cells after implement inject * bring back removed constructors * remove empty constructors * replace constructor token injection by inject function * [AAE-16965] Use other variable for template * implement suggestions * update demo shell module * fix unit test * fix timeAgo problem * add some more unit tests * fake change in extensions * [AAE-16965] fix for backward compatibility
71 lines
2.6 KiB
TypeScript
71 lines
2.6 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Pipe, PipeTransform, OnDestroy } from '@angular/core';
|
|
import { AppConfigService } from '../app-config/app-config.service';
|
|
import { UserPreferenceValues, UserPreferencesService } from '../common/services/user-preferences.service';
|
|
import { DatePipe } from '@angular/common';
|
|
import { Subject } from 'rxjs';
|
|
import { takeUntil } from 'rxjs/operators';
|
|
import { differenceInDays, formatDistance } from 'date-fns';
|
|
import * as Locales from 'date-fns/locale';
|
|
|
|
@Pipe({
|
|
standalone: true,
|
|
name: 'adfTimeAgo'
|
|
})
|
|
export class TimeAgoPipe implements PipeTransform, OnDestroy {
|
|
|
|
static DEFAULT_LOCALE = 'en-US';
|
|
static DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
|
|
|
|
defaultLocale: string;
|
|
defaultDateTimeFormat: string;
|
|
|
|
private onDestroy$ = new Subject<boolean>();
|
|
|
|
constructor(public userPreferenceService: UserPreferencesService,
|
|
public appConfig: AppConfigService) {
|
|
this.userPreferenceService
|
|
.select(UserPreferenceValues.Locale)
|
|
.pipe(takeUntil(this.onDestroy$))
|
|
.subscribe(locale => {
|
|
this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
|
|
});
|
|
this.defaultDateTimeFormat = this.appConfig.get<string>('dateValues.defaultDateTimeFormat', TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT);
|
|
}
|
|
|
|
transform(value: Date, locale?: string) {
|
|
if (value !== null && value !== undefined ) {
|
|
const actualLocale = locale || this.defaultLocale;
|
|
const diff = differenceInDays(new Date(), new Date(value));
|
|
if ( diff > 7) {
|
|
const datePipe: DatePipe = new DatePipe(actualLocale);
|
|
return datePipe.transform(value, this.defaultDateTimeFormat);
|
|
} else {
|
|
return formatDistance(new Date(value) , new Date(), { addSuffix: true , locale: Locales[actualLocale] });
|
|
}
|
|
}
|
|
return '';
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.onDestroy$.next(true);
|
|
this.onDestroy$.complete();
|
|
}
|
|
}
|