mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-10-20 00:11:44 +00:00
fix: remove expired label from the id cards
This commit is contained in:
@@ -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);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -405,7 +405,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"userInfo": {
|
"userInfo": {
|
||||||
"expired": "Abgelaufen",
|
|
||||||
"studentId": "Matrikelnr.",
|
"studentId": "Matrikelnr.",
|
||||||
"username": "Nutzername",
|
"username": "Nutzername",
|
||||||
"email": "Email",
|
"email": "Email",
|
||||||
|
|||||||
@@ -405,7 +405,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"userInfo": {
|
"userInfo": {
|
||||||
"expired": "expired",
|
|
||||||
"studentId": "Matriculation Nr.",
|
"studentId": "Matriculation Nr.",
|
||||||
"username": "Username",
|
"username": "Username",
|
||||||
"email": "Email",
|
"email": "Email",
|
||||||
|
|||||||
Reference in New Issue
Block a user