1 files changed, 85 insertions, 0 deletions
diff --git a/src/app/modules/dashboard/apps/user-last-action-tile/user-last-action-tile.component.html b/src/app/modules/dashboard/apps/user-last-action-tile/user-last-action-tile.component.html
new file mode 100644
index 0000000..d696728
--- /dev/null
+++ b/src/app/modules/dashboard/apps/user-last-action-tile/user-last-action-tile.component.html
@@ -0,0 +1,85 @@
+<!--
+  ~ Copyright (c) 2022. Deutsche Telekom AG
+  ~
+  ~ 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.
+  ~
+  ~ SPDX-License-Identifier: Apache-2.0
+  -->
+
+<ng-template #template>
+  <ng-container *ngIf="actions$ | async as actions">
+    <div class="col-xl-4 col-lg-6 col-sm-12 my-2 qa_USER_LAST_ACTION_TILE" cdkDrag>
+      <div class="shadow card" style="height: 334.867px">
+        <div class="card-header pl-3">
+          <div class="d-flex" *ngIf="actionFilterType$ | async as selectedFilter">
+            <div class="d-flex align-items-center">
+              <i
+                class="bi bi-arrows-move text-primary draggable text-primary pr-2"
+                cdkDragHandle
+                aria-hidden="true"
+              ></i>
+              <label class="d-none" for="filterSelect"
+                >{{ 'dashboard.apps.userLastAction.filter.label' | translate
+                }}{{ 'dashboard.apps.userLastAction.filter.type.' + selectedFilter | translate }}</label
+              >
+              <select
+                id="filterSelect"
+                [ngModel]="selectedFilter"
+                (ngModelChange)="changeFilterType.next($event)"
+                class="form-select-sm font-weight-bolder bg-color-inherit"
+              >
+                <option *ngFor="let filter of actionsFilter" [ngValue]="filter" class="font-weight-normal">
+                  {{ 'dashboard.apps.userLastAction.filter.type.' + filter | translate }}
+                </option>
+              </select>
+            </div>
+            <div class="d-flex" *ngIf="actionIntervalType$ | async as selectedInterval">
+              <label class="d-none" for="intervalSelect"
+                >{{ 'dashboard.apps.userLastAction.filter.label' | translate
+                }}{{ 'dashboard.apps.userLastAction.filter.interval.' + selectedInterval | translate }}</label
+              >
+              <select
+                id="intervalSelect"
+                [ngModel]="selectedInterval"
+                (ngModelChange)="changeIntervalType.next($event)"
+                class="form-select-sm font-weight-bold bg-color-inherit"
+              >
+                <option *ngFor="let interval of intervals" [ngValue]="interval" class="font-weight-normal">
+                  {{ 'dashboard.apps.userLastAction.filter.interval.' + interval | translate }}
+                </option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="card-body overflow-auto">
+          <ng-container *ngIf="actions.length > 0; else noData">
+            <div *ngFor="let action of actions">
+              <app-action-row [action]="action">
+                <app-entity-user-administration-row
+                  *ngIf="action.entity === EntityType.USERADMINISTRATION"
+                  [action]="$any(action)"
+                ></app-entity-user-administration-row>
+              </app-action-row>
+            </div>
+          </ng-container>
+        </div>
+        <div class="card-footer"></div>
+      </div>
+    </div>
+  </ng-container>
+</ng-template>
+<ng-template #noData>
+  <div class="d-flex justify-content-center qa_class_no_data">
+    {{ 'common.filters.noResults' | translate }}
+  </div>
+</ng-template>