[ADF-5150] Datatable sub-component each in its own folder (#5734)

2025-07-24 17:32:15 +00:00 · 2020-05-28 23:45:32 +02:00
parent 75f2165f3f
commit a9a801c34d
24 changed files with 40 additions and 40 deletions
--- a/lib/core/datatable/components/date-cell/date-cell.component.ts
+++ b/lib/core/datatable/components/date-cell/date-cell.component.ts
@@ -0,0 +1,83 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * 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 { Component, ViewEncapsulation } from '@angular/core';
+import { DataTableCellComponent } from '../datatable-cell/datatable-cell.component';
+import {
+    UserPreferencesService,
+    UserPreferenceValues
+} from '../../../services/user-preferences.service';
+import { AlfrescoApiService } from '../../../services/alfresco-api.service';
+import { AppConfigService } from '../../../app-config/app-config.service';
+import { takeUntil } from 'rxjs/operators';
+
+@Component({
+    selector: 'adf-date-cell',
+
+    template: `
+        <ng-container>
+            <span
+                [attr.aria-label]="value$ | async | adfTimeAgo: currentLocale"
+                title="{{ tooltip | adfLocalizedDate: 'medium' }}"
+                class="adf-datatable-cell-value"
+                *ngIf="format === 'timeAgo'; else standard_date">
+                {{ value$ | async | adfTimeAgo: currentLocale }}
+            </span>
+        </ng-container>
+        <ng-template #standard_date>
+            <span
+                class="adf-datatable-cell-value"
+                title="{{ tooltip | adfLocalizedDate: format }}"
+                class="adf-datatable-cell-value"
+                [attr.aria-label]="value$ | async | adfLocalizedDate: format">
+                {{ value$ | async | adfLocalizedDate: format }}
+            </span>
+        </ng-template>
+    `,
+    encapsulation: ViewEncapsulation.None,
+    host: { class: 'adf-date-cell adf-datatable-content-cell' }
+})
+export class DateCellComponent extends DataTableCellComponent {
+
+    static DATE_FORMAT = 'medium';
+
+    currentLocale: string;
+    dateFormat: string;
+
+    get format(): string {
+        if (this.column) {
+            return this.column.format || this.dateFormat;
+        }
+        return this.dateFormat;
+    }
+
+    constructor(
+        userPreferenceService: UserPreferencesService,
+        alfrescoApiService: AlfrescoApiService,
+        appConfig: AppConfigService
+    ) {
+        super(alfrescoApiService);
+
+        this.dateFormat = appConfig.get('dateValues.defaultDateFormat', DateCellComponent.DATE_FORMAT);
+        if (userPreferenceService) {
+            userPreferenceService
+                .select(UserPreferenceValues.Locale)
+                .pipe(takeUntil(this.onDestroy$))
+                .subscribe(locale => this.currentLocale = locale);
+        }
+    }
+}