[master | FIXED | DONE] change layout for public-logs page to match other pages

This commit is contained in:
Alex Martzios 2024-01-10 11:43:19 +02:00
parent e049aedd54
commit 3d82e8c47e
1 changed files with 12 additions and 11 deletions

View File

@ -9,15 +9,18 @@ import {LogService} from "../openaireLibrary/utils/log/log.service";
@Component({
selector: 'public-logs',
template: `
<div class="uk-container uk-container-large uk-margin-top">
<h3>Web statistics & Activity Logs </h3>
<ul class="uk-tab " uk-switcher>
<div class="uk-banner">
<div class="uk-container uk-container-large uk-section uk-section-small uk-text-center">
<h1 class="uk-h2">Web Statistics & Activity Logs</h1>
</div>
</div>
<div class="uk-container uk-container-small uk-section">
<ul class="uk-tab uk-flex uk-flex-center uk-flex-middle uk-flex-nowrap uk-text-large" uk-switcher>
<li><a href="#">Web statistics</a></li>
<li><a href="#">Monitor logs</a></li>
<li><a href="#">OpenOrgs logs</a></li>
</ul>
<ul class="uk-switcher uk-margin">
<ul class="uk-switcher uk-margin-medium-top">
<li>
<div>Explore analytics detailing the user engagement on the National Monitor. This section offers insights into traffic patterns, visitor demographics, page views, and other key metrics that help understand National Monitor usage and effectiveness.</div>
<div class="uk-alert uk-alert-warning">Current month web statistics will be available at the beginning of next month!</div>
@ -70,15 +73,13 @@ import {LogService} from "../openaireLibrary/utils/log/log.service";
</li>
</ul>
</div>
</div>
<ng-template #formattedLogs let-logs="logs">
<div *ngIf="logs && logs.length > 0" class="uk-text-meta "> Viewing last {{logs.length}} actions.</div>
<div *ngIf="!logs || logs.length == 0" class="uk-text-meta "> No logs yet.</div>
<div *ngIf="logs && logs.length > 0" class="uk-text-meta">Viewing last {{logs.length}} actions.</div>
<div *ngIf="!logs || logs.length == 0" class="uk-text-meta">No logs yet.</div>
<div *ngFor="let log of logs">
On {{log.date | date: 'd/M/yyyy, hh:mm':'GMT' }} {{log.message}}
</div>
</ng-template>
`
@ -96,7 +97,7 @@ export class PublicLogsComponent extends BaseComponent implements OnInit {
protected _piwikService: PiwikService,
protected _title: Title,
protected _meta: Meta,
private _logService:LogService) {
private _logService: LogService) {
super();
this.startDate.setFullYear(2024,0,10)
this.months = Array.from({ length:12 }, (_, index) => 12 - index);