Added version display
- Added error route handling
This commit is contained in:
@ -15,11 +15,15 @@
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-4 hover:scale-125 transition-transform duration-100">
|
||||
<h3 class="font-semibold text-gray-800 sm:col-span-2 md:text-right">Version:</h3>
|
||||
<p class="text-gray-800 sm:col-span-2 sm:text-left">1.0.0</p>
|
||||
<p class="text-gray-800 sm:col-span-2 sm:text-left">
|
||||
<span class="loading loading-spinner loading-md" *ngIf="!version"></span>
|
||||
<span *ngIf="version">{{ version }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-4 hover:scale-125 transition-transform duration-100">
|
||||
<h3 class="font-semibold text-gray-800 sm:col-span-2 md:text-right">API-Status:</h3>
|
||||
<p class="sm:col-span-2 sm:text-left text-green-600">online</p>
|
||||
<span class="loading loading-spinner loading-md" *ngIf="!version"></span>
|
||||
<p class="sm:col-span-2 sm:text-left text-green-600" *ngIf="version">online</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-4 hover:scale-125 transition-transform duration-100">
|
||||
<h3 class=" font-semibold text-gray-800 sm:col-span-2 md:text-right">Libraries:</h3>
|
||||
|
@ -1,19 +1,26 @@
|
||||
import { Component } from '@angular/core';
|
||||
import {RouterLink} from "@angular/router";
|
||||
import {LegalService} from "../../service/legalService";
|
||||
import axios from "axios";
|
||||
import {DevelopmentStore} from "../../store/DevelopmentStore";
|
||||
import {NgIf} from "@angular/common";
|
||||
|
||||
@Component({
|
||||
selector: 'app-credits',
|
||||
standalone: true,
|
||||
imports: [
|
||||
RouterLink
|
||||
],
|
||||
imports: [
|
||||
RouterLink,
|
||||
NgIf
|
||||
],
|
||||
templateUrl: './credits.component.html',
|
||||
styleUrl: './credits.component.scss'
|
||||
})
|
||||
export class CreditsComponent {
|
||||
|
||||
constructor(private legalService: LegalService) {
|
||||
version: string = '';
|
||||
|
||||
constructor(private legalService: LegalService, private developmentStore: DevelopmentStore) {
|
||||
this.getVersion();
|
||||
}
|
||||
|
||||
openPrivacyPolicyModal() {
|
||||
@ -23,4 +30,14 @@ export class CreditsComponent {
|
||||
openTermsOfUseModal() {
|
||||
this.legalService.openTermsOfUse();
|
||||
}
|
||||
|
||||
getVersion() {
|
||||
axios.get(this.developmentStore.getBaseUrl() + 'api/v1/version')
|
||||
.then((response) => {
|
||||
this.version = response.data;
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user