fix: remove expired label from the id cards

This commit is contained in:
Jovan Krunić
2026-10-19 17:33:15 +02:00
parent 6d782ecb10
commit c9ada93f87
5 changed files with 1 additions and 37 deletions
@@ -1,9 +1,6 @@
import {ChangeDetectionStrategy, Component, ElementRef, Input, inject} from '@angular/core'; import {ChangeDetectionStrategy, Component, ElementRef, Input, inject} from '@angular/core';
import {SCIdCard} from '@openstapps/core'; import {SCIdCard} from '@openstapps/core';
import {ThingTranslateModule} from '../../translation/thing-translate.module'; import {ThingTranslateModule} from '../../translation/thing-translate.module';
import {AsyncPipe, TitleCasePipe} from '@angular/common';
import {IntervalIsNowPipe, ToDateIntervalPipe} from '../../util/in-range.pipe';
import {TranslateModule} from '@ngx-translate/core';
import {AnimationController, ModalController} from '@ionic/angular/standalone'; import {AnimationController, ModalController} from '@ionic/angular/standalone';
import {ScreenBrightness} from '@capacitor-community/screen-brightness'; import {ScreenBrightness} from '@capacitor-community/screen-brightness';
import {ScreenOrientation} from '@capacitor/screen-orientation'; import {ScreenOrientation} from '@capacitor/screen-orientation';
@@ -15,14 +12,7 @@ import {iosDuration, iosEasing, mdDuration, mdEasing} from 'src/app/animation/ea
templateUrl: 'id-card.html', templateUrl: 'id-card.html',
styleUrls: ['id-card.scss'], styleUrls: ['id-card.scss'],
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
imports: [ imports: [ThingTranslateModule],
ThingTranslateModule,
IntervalIsNowPipe,
ToDateIntervalPipe,
AsyncPipe,
TranslateModule,
TitleCasePipe,
],
}) })
export class IdCardComponent { export class IdCardComponent {
private modalController = inject(ModalController); private modalController = inject(ModalController);
@@ -4,6 +4,3 @@
draggable="false" draggable="false"
(click)="presentFullscreen()" (click)="presentFullscreen()"
/> />
@if (item.validity && (item.validity | rangeToDateInterval | dfnsIntervalIsNow | async) === false) {
<div class="expired">{{ 'profile.userInfo.expired' | translate | titlecase }}</div>
}
@@ -6,24 +6,3 @@
img { img {
border-radius: 3mm; border-radius: 3mm;
} }
.expired {
position: absolute;
top: 48px;
left: 48px;
transform-origin: center;
translate: -50% -50%;
rotate: -45deg;
display: flex;
align-items: center;
justify-content: center;
width: 256px;
padding: var(--spacing-xs);
font-weight: bold;
color: var(--ion-color-danger-contrast);
background: var(--ion-color-danger);
}
-1
View File
@@ -405,7 +405,6 @@
} }
}, },
"userInfo": { "userInfo": {
"expired": "Abgelaufen",
"studentId": "Matrikelnr.", "studentId": "Matrikelnr.",
"username": "Nutzername", "username": "Nutzername",
"email": "Email", "email": "Email",
-1
View File
@@ -405,7 +405,6 @@
} }
}, },
"userInfo": { "userInfo": {
"expired": "expired",
"studentId": "Matriculation Nr.", "studentId": "Matriculation Nr.",
"username": "Username", "username": "Username",
"email": "Email", "email": "Email",