MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

tweaks for manage profile - stakeholder cards

This commit is contained in:
Alex Martzios 2022-04-06 16:27:16 +03:00
parent 84c155bb2e
commit a98a134a91
5 changed files with 38 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/manageStakeholders/manageStakeholders.component.css
View File

@ -1,21 +0,0 @@
.uk-card {
min-height: 230px;
}
.uk-card-body {
padding-top: 75px;
}
.uk-card-default .name {
margin-left: auto;
margin-right: auto;
}
.uk-card-default .uk-card-title .logo {
display: inline-block;
max-width: 80%;
}
.uk-card-default .uk-card-title .logo > img {
max-height: 60px;
}

69
src/app/manageStakeholders/manageStakeholders.component.html
View File

@ -34,37 +34,38 @@
<div *ngIf="loading" class="uk-margin-medium-top uk-padding-large"> <div *ngIf="loading" class="uk-margin-medium-top uk-padding-large">
<loading></loading> <loading></loading>
</div> </div>
<div *ngIf="!loading"> <div *ngIf="!loading" class="uk-section" uk-height-match="target: .titleContainer; row: false">
<div *ngIf="tab != 'profiles' && isCurator()" class="uk-margin-medium-top"> <div uk-height-match="target: .logoContainer; row: false">
<h6 class="uk-text-bold">Profile Templates</h6> <div *ngIf="tab != 'profiles' && isCurator()" class="uk-margin-medium-top">
<div class="uk-grid uk-child-width-1-4@xl uk-child-width-1-3@l uk-child-width-1-2@m uk-grid-match" uk-grid <h6 class="uk-text-bold">Profile Templates</h6>
uk-height-match="target: .name;"> <div class="uk-grid uk-child-width-1-4@xl uk-child-width-1-3@l uk-child-width-1-2@m uk-grid-match" uk-grid>
<ng-template ngFor [ngForOf]="displayDefaultStakeholders" let-stakeholder let-i="index"> <ng-template ngFor [ngForOf]="displayDefaultStakeholders" let-stakeholder let-i="index">
<ng-container *ngTemplateOutlet="stakeholderBox; context: {stakeholder:stakeholder}"></ng-container> <ng-container *ngTemplateOutlet="stakeholderBox; context: {stakeholder:stakeholder}"></ng-container>
</ng-template> </ng-template>
<div *ngIf="!loading && isCurator()"> <div *ngIf="!loading && isCurator()">
<ng-container *ngTemplateOutlet="newBox; context: {text:'Create a new default profile.', isDefault:true}"></ng-container> <ng-container *ngTemplateOutlet="newBox; context: {text:'Create a new default profile.', isDefault:true}"></ng-container>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="!isManager()" class="message"> <div *ngIf="!isManager()" class="message">
<h4 class="uk-text-center"> <h4 class="uk-text-center">
No profiles to manage yet No profiles to manage yet
</h4> </h4>
</div> </div>
<div *ngIf="tab != 'templates' && isManager()" class="uk-margin-large-top"> <div *ngIf="tab != 'templates' && isManager()" class="uk-margin-large-top">
<h6 class="uk-text-bold">Profiles</h6> <h6 class="uk-text-bold">Profiles</h6>
<div class="uk-grid uk-grid-match uk-child-width-1-4@xl uk-child-width-1-3@l uk-child-width-1-2@m" uk-grid <div class="uk-grid uk-grid-match uk-child-width-1-4@xl uk-child-width-1-3@l uk-child-width-1-2@m" uk-grid
uk-height-match="target: .name;"> uk-height-match="target: .name;">
<ng-template ngFor [ngForOf]="displayStakeholders" let-stakeholder let-i="index"> <ng-template ngFor [ngForOf]="displayStakeholders" let-stakeholder let-i="index">
<ng-container *ngTemplateOutlet="stakeholderBox; context: {stakeholder:stakeholder}"></ng-container> <ng-container *ngTemplateOutlet="stakeholderBox; context: {stakeholder:stakeholder}"></ng-container>
</ng-template> </ng-template>
<div *ngIf="!loading && isCurator()"> <div *ngIf="!loading && isCurator()">
<ng-container *ngTemplateOutlet="newBox; context: {text:'Create a new profile by selecting the type (Funder, Organization, Research Initiative or Project) and ' + <ng-container *ngTemplateOutlet="newBox; context: {text:'Create a new profile by selecting the type (Funder, Organization, Research Initiative or Project) and ' +
'select indicators based on a default or a blank profile.', isDefault:false}"></ng-container> 'select indicators based on a default or a blank profile.', isDefault:false}"></ng-container>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -117,13 +118,13 @@
</div> </div>
</div> </div>
<a class="uk-display-block uk-text-center" [routerLink]="'/admin/' + stakeholder.alias"> <a class="uk-display-block uk-text-center" [routerLink]="'/admin/' + stakeholder.alias">
<div class="uk-h6 uk-margin-remove multi-line-ellipsis lines-2"> <div class="titleContainer uk-h6 uk-margin-remove multi-line-ellipsis lines-2">
<p *ngIf="stakeholder.name" class="uk-margin-remove"> <p *ngIf="stakeholder.name" class="uk-margin-remove">
{{stakeholder.name}} {{stakeholder.name}}
</p> </p>
</div> </div>
<div *ngIf="stakeholder.logoUrl" class="logo uk-margin-top"> <div class="logoContainer uk-margin-medium-top uk-flex uk-flex-column uk-flex-center uk-flex-middle">
<img [src]="stakeholder | logoUrl" class="uk-blend-multiply" style="max-height: 200px;"> <img *ngIf="stakeholder.logoUrl" [src]="stakeholder | logoUrl" class="uk-blend-multiply" style="max-height: 100px;">
</div> </div>
</a> </a>
</div> </div>

3
src/app/manageStakeholders/manageStakeholders.component.ts
View File

@ -22,8 +22,7 @@ declare var UIkit;
@Component({ @Component({
selector: 'home', selector: 'home',
templateUrl: "./manageStakeholders.component.html", templateUrl: "./manageStakeholders.component.html"
styleUrls: ['manageStakeholders.component.css']
}) })
export class ManageStakeholdersComponent implements OnInit, OnDestroy { export class ManageStakeholdersComponent implements OnInit, OnDestroy {

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 3af4eabea7b909829eb59bac7de506fe9eefde86 Subproject commit acca43d45a4c95c0ad3426077c72b8fb08ac6e61

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit ff4d2d2f957196d97d2bba86decd21153899e59b Subproject commit 8b322abc3f960c9b8ca29441f80c0184ed7e8a39