Make subcategories uppercase and add powered by monitor in footer

This commit is contained in:
Konstantinos Triantafyllou 2022-12-12 19:02:37 +02:00
parent 0ed68b21fa
commit 61e7c6249b
7 changed files with 20 additions and 16 deletions

View File

@ -50,7 +50,7 @@
[class.uk-active]="subCategory.alias === activeSubCategory.alias"> [class.uk-active]="subCategory.alias === activeSubCategory.alias">
<a [routerLink]="['/', stakeholder.alias, activeTopic.alias, activeCategory.alias, subCategory.alias]" <a [routerLink]="['/', stakeholder.alias, activeTopic.alias, activeCategory.alias, subCategory.alias]"
[queryParams]="queryParams"> [queryParams]="queryParams">
<span class="title">{{subCategory.name}}</span> <span class="uk-text-uppercase">{{subCategory.name}}</span>
</a> </a>
</li> </li>
</ng-template> </ng-template>
@ -91,7 +91,7 @@
</div> </div>
</ng-template> </ng-template>
<ng-template #content> <ng-template #content>
<div class="uk-margin-large-bottom"> <div *ngIf="countSectionsWithIndicatorsToShow(activeSubCategory.numbers) > 0" class="uk-margin-large-bottom">
<ng-container *ngFor="let number of activeSubCategory.numbers; let i = index;"> <ng-container *ngFor="let number of activeSubCategory.numbers; let i = index;">
<div *ngIf="countIndicatorsToShow(number.indicators) > 0" class="uk-grid uk-margin-medium-bottom" uk-grid <div *ngIf="countIndicatorsToShow(number.indicators) > 0" class="uk-grid uk-margin-medium-bottom" uk-grid
uk-height-match="target: .uk-card"> uk-height-match="target: .uk-card">
@ -101,7 +101,7 @@
<div class="uk-card uk-card-default uk-padding-small number-card uk-position-relative" <div class="uk-card uk-card-default uk-padding-small number-card uk-position-relative"
[class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()"> [class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()">
<div *ngIf="!showDescriptionOverlay[j]"> <div *ngIf="!showDescriptionOverlay[j]">
<div class="uk-text-xsmall uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{indicator.name}}</div> <div class="uk-text-small uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{indicator.name}}</div>
<div class="number uk-text-small uk-text-bold"> <div class="number uk-text-small uk-text-bold">
<span *ngIf="numberResults.get(i + '-' + j)">{{numberResults.get(i + '-' + j) | number}}</span> <span *ngIf="numberResults.get(i + '-' + j)">{{numberResults.get(i + '-' + j) | number}}</span>
<span *ngIf="!numberResults.get(i + '-' + j)">--</span> <span *ngIf="!numberResults.get(i + '-' + j)">--</span>
@ -229,12 +229,13 @@
<div class="uk-margin-small-top uk-margin-small-bottom uk-text-small uk-flex hideInfo"> <div class="uk-margin-small-top uk-margin-small-bottom uk-text-small uk-flex hideInfo">
<!-- Last Stats Date--> <!-- Last Stats Date-->
<div class="uk-width-2-3@m uk-width-1-2"> <div class="uk-width-2-3@m uk-width-1-2">
<icon name="graph" customClass="text-graph"></icon> <span class="uk-text-baseline uk-text-meta">Powered by </span>
<span class="uk-margin-small-left uk-text-baseline uk-text-meta">Powered by </span> <a [href]="monitorLink" target="_blank"><img class="uk-margin-small-left" width="60" src="assets/common-assets/logo-services/monitor/small.svg"></a>
<a href="https://graph.openaire.eu" class="text-graph">OpenAIRE Research Graph</a> <span class="uk-margin-small-left">and</span>
<span *ngIf="statsUpdateDate" class="uk-text-baseline uk-text-meta"> <icon class="uk-margin-small-left" name="graph" customClass="text-graph"></icon>
. Last update of statistics in OpenAIRE: {{statsUpdateDate | date: 'MMM dd, yyyy'}} <a href="https://graph.openaire.eu" target="_blank" class="text-graph uk-margin-xsmall-left">OpenAIRE Research Graph</a>
</span> <span *ngIf="statsUpdateDate" class="uk-text-baseline uk-text-meta"> . Last update of statistics in OpenAIRE: {{statsUpdateDate | date: 'MMM dd, yyyy'}}
</span>
</div> </div>
<!--Feedback--> <!--Feedback-->
<div class="uk-width-expand uk-text-right"> <div class="uk-width-expand uk-text-right">

View File

@ -79,7 +79,6 @@ export class MonitorComponent implements OnInit, OnDestroy {
public keyword: UntypedFormControl; public keyword: UntypedFormControl;
public statsUpdateDate: Date; public statsUpdateDate: Date;
public showDescriptionOverlay: boolean[] = []; public showDescriptionOverlay: boolean[] = [];
public isFullscreen: boolean = false; public isFullscreen: boolean = false;
@HostListener('fullscreenchange', ['$event']) @HostListener('fullscreenchange', ['$event'])
@HostListener('webkitfullscreenchange', ['$event']) @HostListener('webkitfullscreenchange', ['$event'])
@ -225,6 +224,10 @@ export class MonitorComponent implements OnInit, OnDestroy {
})); }));
} }
get monitorLink() {
return "https://" + (this.properties.environment == 'beta' ? 'beta.' : '') + 'monitor.openaire.eu';
}
private handleQueryParams(queryParams, params) { private handleQueryParams(queryParams, params) {
this.queryParams = Object.assign({}, queryParams); this.queryParams = Object.assign({}, queryParams);
this.initializeFilters(); this.initializeFilters();

@ -1 +1 @@
Subproject commit 6ca864d376596ff2541fbfff9e0c7eaad1b8d9ea Subproject commit 06f2f586a88a1766f183356b6497c0fc66436f36

View File

@ -66,7 +66,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="uk-text-xsmall uk-margin-xsmall-bottom">{{indicator.name}}</div> <div class="uk-text-small uk-margin-xsmall-bottom">{{indicator.name}}</div>
<div class="number uk-text-small uk-text-bold"> <div class="number uk-text-small uk-text-bold">
<span *ngIf="numberResults.get(i + '-' + j)">{{numberResults.get(i + '-' + j) | number}}</span> <span *ngIf="numberResults.get(i + '-' + j)">{{numberResults.get(i + '-' + j) | number}}</span>
<span *ngIf="!numberResults.get(i + '-' + j)">--</span> <span *ngIf="!numberResults.get(i + '-' + j)">--</span>

View File

@ -205,7 +205,7 @@
<ng-template ngFor [ngForOf]=" stakeholder.topics[topicIndex].categories[categoryIndex].subCategories" let-subCategory let-i="index"> <ng-template ngFor [ngForOf]=" stakeholder.topics[topicIndex].categories[categoryIndex].subCategories" let-subCategory let-i="index">
<li class="uk-visible-toggle uk-flex" [class.uk-active]="subCategoryIndex === i" transition-group-item> <li class="uk-visible-toggle uk-flex" [class.uk-active]="subCategoryIndex === i" transition-group-item>
<a (click)="chooseSubcategory(i)"> <a (click)="chooseSubcategory(i)">
<span> {{subCategory.name}}</span> <span class="uk-text-uppercase">{{subCategory.name}}</span>
</a> </a>
<span class="uk-flex uk-flex-column uk-flex-center uk-margin-small-left" <span class="uk-flex uk-flex-column uk-flex-center uk-margin-small-left"
[class.uk-invisible-hover]="subCategoryIndex !== i" [class.uk-invisible-hover]="subCategoryIndex !== i"
@ -277,7 +277,7 @@
<li *ngIf="isCurator"> <li *ngIf="isCurator">
<a (click)="editSubCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle"> <a (click)="editSubCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle">
<icon name="add" [flex]="true"></icon> <icon name="add" [flex]="true"></icon>
<span>Create new subcategory</span> <span class="uk-text-uppercase">Create new subcategory</span>
</a> </a>
</li> </li>
</ul> </ul>

@ -1 +1 @@
Subproject commit 3ce4f7183dae624731ff54fc181527296f6f3d49 Subproject commit d772dbd4b2f2d8af9e26d98eed7417f2fbf15c3a

@ -1 +1 @@
Subproject commit 201ff990c0b2532951a796b10799ab95cb40c0b0 Subproject commit 2882ccde4eb93bd01b4cdb480790cc04b394794d