[Library | Trunk]: Change headings on library

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59575 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-10-13 19:04:50 +00:00
parent 9c0b99fccc
commit 8b9af0edc2
21 changed files with 111 additions and 119 deletions

View File

@ -69,7 +69,7 @@
</div> -->
<div *ngIf="countFilters()>0" class="uk-grid uk-flex uk-flex-bottom">
<div class="uk-grid">
<h5 class="uk-text-bold">Filters</h5>
<h6 class="uk-text-bold">Filters</h6>
<a *ngIf="countFilters()>1" (click)="clearFilters()"
[class]="((openaireResultsStatus ==
errorCodes.LOADING)?'uk-disabled uk-link-muted':'')+' portal-link '">
@ -119,8 +119,8 @@
<!--<ul class="uk-list">
<li class="uk-open">
<h5 class="uk-margin-bottom-remove ">Active between
</h5>
<h6 class="uk-margin-bottom-remove ">Active between
</h6>
<div aria-expanded="false">
<div class="searchFilterBoxValues ">
<form class="uk-inline">

View File

@ -91,7 +91,7 @@
<div class="search-filters uk-width-medium">
<div *ngIf="countFilters()>0" class="uk-grid uk-flex uk-flex-bottom">
<div class="uk-grid">
<h5 class="uk-text-bold">Filters</h5>
<h6 class="uk-text-bold">Filters</h6>
<a *ngIf="countFilters()>1" (click)="clearFilters()"
[class]="((openaireResultsStatus ==
errorCodes.LOADING)?'uk-disabled uk-link-muted':'')+' portal-link '">
@ -141,8 +141,8 @@
<!-- Type filter-->
<ul class="uk-list" >
<!--<li class="uk-open uk-margin-small-bottom">
<h5 class="uk-margin-bottom-remove ">Result Type (4)
</h5>
<h6 class="uk-margin-bottom-remove ">Result Type (4)
</h6>
<div aria-expanded="false">
<div class="searchFilterBoxValues ">
<div *ngFor="let type of openaireTypeValues" class="uk-animation-fade filterItem">

View File

@ -25,7 +25,7 @@
</ul>
<ul class="uk-switcher uk-margin"><!-- uk-switcher="connect: #tab-content"-->
<li [class]="mode == 'pending' ? 'uk-active' : ''" (click)="mode='pending'">
<h2>Pending Claims</h2>
<h3>Pending Claims</h3>
<!-- <div *ngIf=" pending_claims && pending_claims.length == 0" >
<div class = "uk-alert uk-alert-primary " >No pending claims found.</div>
</div> -->

View File

@ -103,9 +103,9 @@
<div *ngIf="showOptions.show != 'claim'" class="uk-width-1-3" style="" >
<div id="basket" uk-sticky=" offset: 130; top:#basketStickTop; bottom: #basketStickBottom;"
style="z-index: 0">
<div class="linksbasketheader uk-margin-bottom uk-text-bold uk-h5">
<h6 class="linksbasketheader uk-margin-bottom uk-text-bold">
LINKS BASKET
</div>
</h6>
<div class="linksbasket uk-inline uk-width-1-1" style="">
<div *ngIf="inlineEntity == null">
<div class="linksbaskettitles uk-padding-small uk-animation-toggle"

View File

@ -15,9 +15,9 @@
</span>
</div>
<div class="uk-width-expand">
<div class="uk-h5 uk-text-bold">
<h6 class="uk-text-bold">
LINKING CONFIRMATION
</div>
</h6>
Confirm that the links you provided are all correct
</div>
<claim-insert [results]="results" [sources]="sources" [inlineEntity]="inlineEntity"

View File

@ -4,7 +4,7 @@ import {properties} from "../../../environments/environment";
export class ConnectHelper {
public static getCommunityFromDomain(domain: string): string{
domain = "beta.ee.openaire.eu"; //for testing
//domain = "beta.covid-19.openaire.eu"; //for testing
domain = domain.indexOf("//") != -1? domain.split("//")[1]:domain; //remove https:// prefix
if (domain.indexOf('openaire.eu') === -1) {
return null;

View File

@ -1,4 +1,4 @@
<h2 *ngIf="formTitle" class="uk-margin-auto uk-text-bold">{{formTitle}}</h2>
<h3 *ngIf="formTitle" class="uk-margin-auto">{{formTitle}}</h3>
<div *ngIf="errorMessage" class="uk-width-1-1 uk-alert uk-alert-danger uk-text-center"
role="alert">{{errorMessage}}</div>
<div class="uk-margin-top" uk-grid [formGroup]="contactForm">
@ -6,54 +6,54 @@
*Required fields
</div>
<div *ngIf="contactForm.get('name')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Name <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<input class="uk-input" type="text" placeholder="Your name" formControlName="name"
[class.uk-form-danger]="contactForm.get('name').invalid && contactForm.get('name').touched">
</div>
<div *ngIf="contactForm.get('surname')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Surname <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<input class="uk-input" type="text" placeholder="Your surname" formControlName="surname"
[class.uk-form-danger]="contactForm.get('surname').invalid && contactForm.get('surname').touched">
</div>
<div *ngIf="contactForm.get('email')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Email <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<input class="uk-input" type="text" placeholder="Preferably your work email" formControlName="email"
[class.uk-form-danger]="contactForm.get('email').invalid && contactForm.get('email').touched">
</div>
<div *ngIf="contactForm.get('job')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Job Title <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<input class="uk-input" type="text" placeholder="Your job title" formControlName="job"
[class.uk-form-danger]="contactForm.get('job').invalid && contactForm.get('job').touched">
</div>
<div *ngIf="contactForm.get('affiliation')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Affiliation <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<input class="uk-input" type="text" placeholder="Your affiliation" formControlName="affiliation"
[class.uk-form-danger]="contactForm.get('affiliation').invalid && contactForm.get('affiliation').touched">
</div>
<div *ngIf="contactForm.get('community')" class="uk-width-1-2@s uk-margin-top">
<div class="uk-width-1-1">
<h5 class="uk-text-bold uk-margin-small-bottom uk-text-nowrap">Research Community or Infrastructure <span class="uk-text-danger uk-text-bold">*</span></h5>
<h6 class="uk-text-bold uk-margin-small-bottom uk-text-nowrap">Research Community or Infrastructure <span class="uk-text-danger uk-text-bold">*</span></h6>
</div>
<input class="uk-input uk-width-1" type="text" placeholder="Your community name" formControlName="community"
[class.uk-form-danger]="contactForm.get('community').invalid && contactForm.get('community').touched">
</div>
<div *ngIf="contactForm.get('organization')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">Organization <span class="uk-text-danger uk-text-bold">*</span></h5>
<h6 class="uk-text-bold uk-margin-small-bottom">Organization <span class="uk-text-danger uk-text-bold">*</span></h6>
<input class="uk-input uk-width-1-1" type="text" placeholder="Your organization" formControlName="organization"
[class.uk-form-danger]="contactForm.get('organization').invalid && contactForm.get('organization').touched">
</div>
<div *ngIf="contactForm.get('organizationType')" class="uk-width-1-2@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">Organization Type<span class="uk-text-danger uk-text-bold">*</span></h5>
<h6 class="uk-text-bold uk-margin-small-bottom">Organization Type<span class="uk-text-danger uk-text-bold">*</span></h6>
<input type="text" class="uk-input uk-width-1-1" placeholder="Your Organization Type" formControlName="organizationType"
[class.uk-form-danger]="contactForm.get('organizationType').invalid && contactForm.get('organizationType').touched"
[matAutocomplete]="auto">
@ -64,22 +64,22 @@
</mat-autocomplete>
</div>
<div *ngIf="contactForm.get('subject')" class="uk-width-1-1@s uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">Subject<span class="uk-text-danger uk-text-bold">*</span></h5>
<h6 class="uk-text-bold uk-margin-small-bottom">Subject<span class="uk-text-danger uk-text-bold">*</span></h6>
<input class="uk-input uk-width-1-1" type="text" placeholder="Your subject" formControlName="subject"
[class.uk-form-danger]="contactForm.get('subject').invalid && contactForm.get('subject').touched">
</div>
<div *ngIf="contactForm.get('message')" class="uk-width-1-1 uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Message <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<textarea rows="4" class="uk-textarea" placeholder="Your message" formControlName="message"
[class.uk-form-danger]="contactForm.get('message').invalid && contactForm.get('message').touched">
</textarea>
</div>
<div *ngIf="contactForm.get('description')" class="uk-width-1-1 uk-margin-top">
<h5 class="uk-text-bold uk-margin-small-bottom">
<h6 class="uk-text-bold uk-margin-small-bottom">
Description <span class="uk-text-danger uk-text-bold">*</span>
</h5>
</h6>
<textarea rows="4" class="uk-textarea" placeholder="Your description" formControlName="description"
[class.uk-form-danger]="contactForm.get('description').invalid && contactForm.get('description').touched">
</textarea>

View File

@ -12,16 +12,13 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
@Component({
selector: 'deposit-first-page',
template: `
<div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
<div class="explorePanelBackground communityPanelBackground uk-padding-small">
<div class="uk-align-center uk-container uk-container-large uk-margin-medium-top uk-margin-large-bottom">
<breadcrumbs [breadcrumbs]="breadcrumbs" [light]="!!(this.communityId)"></breadcrumbs>
<div class="uk-h1 uk-width-1-2@m uk-width-1-1@s ">
<h1 class="uk-width-1-2@m uk-width-1-1@s ">
<span class="uk-text-bold">Deposit</span> or <span class="uk-text-bold">publish</span> your research in <span class="uk-text-bold">Open Access</span>
</div>
</h1>
<div class="uk-container uk-container-large uk-margin-medium-top">
<div class="uk-grid-divider uk-grid" uk-grid>
<div class="uk-width-1-2@m uk-width-1-1@s">

View File

@ -14,13 +14,13 @@ import {properties} from "../../../environments/environment";
<div uk-grid class="uk-margin-small-top">
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container">
<h2>
<h3>
Bad karma: we can't find that page!
</h2>
<h5 *ngIf="page_type" class="uk-margin-remove">
</h3>
<h6 *ngIf="page_type" class="uk-margin-remove">
Not valid or missing {{page_type_name}} id.
<a *ngIf="page_type" routerLinkActive="router-link-active" [routerLink]="searchPage">Search </a>another {{page_type_name}}?
</h5>
</h6>
<br>
<p>
You asked for {{page}}, but despite our computers looking very hard, we could not find it. What happened ?

View File

@ -2,7 +2,7 @@
<div class="portal-background-color uk-padding-small">
<div class="uk-container">
<span class="clickable" (click)="openBackModal()"><span uk-icon="chevron-left"></span> Back</span>
<h2 class="uk-margin-remove-top">Report issues in...</h2>
<h3 class="uk-margin-remove-top">Report issues in...</h3>
<landing-header *ngIf="resultLandingInfo" [properties]="properties" [title]="title"
[subTitle]="resultLandingInfo.subtitle" [underCuration]="resultLandingInfo.underCurationMessage"
[entityType]="entityType" [types]="resultLandingInfo.types"
@ -72,7 +72,7 @@
<div *ngIf="sent" class="uk-position-relative">
<div class="uk-position-top-center">
<div class="feedback-sent uk-margin-small-top">
<h2>Thank you for your feedback</h2>
<h3>Thank you for your feedback</h3>
<p>Your feedback is successfully received and it will soon be reviewed by our graph experts!</p>
<span uk-icon="icon: check; ratio: 4"></span>
</div>

View File

@ -267,7 +267,7 @@
<div
*ngIf="resultLandingInfo.supplementaryResearchResults && resultLandingInfo.supplementaryResearchResults.length > 0"
class="uk-margin-bottom">
<h5>Supplementary Outcomes</h5>
<h6>Supplementary Outcomes</h6>
<no-load-paging *ngIf="resultLandingInfo.supplementaryResearchResults.length > pageSize"
[type]="'research outcomes'"
(pageChange)="updateSupplementaryPage($event)"
@ -289,7 +289,7 @@
</div>
<div
*ngIf="resultLandingInfo.supplementedByResearchResults && resultLandingInfo.supplementedByResearchResults.length > 0">
<h5>Outcomes Supplemented by this {{getTypeName()}}</h5>
<h6>Outcomes Supplemented by this {{getTypeName()}}</h6>
<no-load-paging *ngIf="resultLandingInfo.supplementedByResearchResults.length > pageSize"
[type]="'research outcomes'"
(pageChange)="updateSupplementedByPage($event)"
@ -319,7 +319,7 @@
<div
*ngIf="resultLandingInfo.relatedResearchResults && resultLandingInfo.relatedResearchResults.length > 0"
class="uk-margin-bottom">
<h5>Related research</h5>
<h6>Related research</h6>
<no-load-paging *ngIf="resultLandingInfo.relatedResearchResults.length > pageSize"
[type]="'research outcomes'"
(pageChange)="updateRelatedPage($event)"
@ -341,7 +341,7 @@
</div>
<div
*ngIf="resultLandingInfo.similarResearchResults && resultLandingInfo.similarResearchResults.length > 0">
<h5>Similar Outcomes</h5>
<h6>Similar Outcomes</h6>
<no-load-paging *ngIf="resultLandingInfo.similarResearchResults.length > pageSize"
[type]="'research outcomes'"
(pageChange)="updateSimilarPage($event)"

View File

@ -4,12 +4,12 @@
[routerLink]=simpleSearchLink style="z-index:1;"
[class]="(isDisabled)?'uk-float-right uk-disabled uk-link-muted portal-link uk-margin-right ':'uk-float-right portal-link uk-margin-right '">Quick search
</a>
<div class="uk-h5 uk-margin-small-bottom">
<h6 class="uk-margin-small-bottom">
Advanced search in
<entities-selection [simpleView]="false" [currentEntity]="entityType"
[properties]="properties" [customFilter]="customFilter" ></entities-selection>
</div>
</h6>
</div>
<form *ngIf="!simpleView"
[class]="((isDisabled )?'uk-disabled ':'')

View File

@ -85,9 +85,9 @@
<div class="uk-grid uk-flex uk-flex-bottom">
<!-- *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum > 0)
|| (filters.length > 0 && (results.length > 0 || disableForms))"-->
<h5 class="uk-text-bold">
<h6 class="uk-text-bold">
Filters
</h5>
</h6>
<a *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum)>1" (click)="clearFilters()"
[class]="((disableForms || disableRefineForms)?'uk-disabled uk-link-muted':'')+' portal-link ' + 'uk-width-1-2'">
Clear All
@ -440,4 +440,3 @@
</div>
</div>
<modal-alert #removeCustomFilter (alertOutput)="closeCustomFilterModal()"></modal-alert>
<span class="loading-gif uk-align-center" ></span>

View File

@ -31,7 +31,7 @@ import {debounceTime} from "rxjs/operators";
[class]="(isDisabled ? 'uk-disabled' : '') + ' uk-margin-small-bottom uk-list uk-list-divider'">
<!-- <li *ngIf="quickFilter" class="uk-margin-small-bottom ">
<div class="uk-margin-small-top uk-padding-remove-left uk-margin-right ">
<h5 class="">{{quickFilter.value}}</h5>
<h6 class="">{{quickFilter.value}}</h6>
<mat-slide-toggle
class="uk-margin-small-left" formControlName="QFselected" (change)="quickFilterChanged()">
</mat-slide-toggle>
@ -40,7 +40,7 @@ import {debounceTime} from "rxjs/operators";
<!-- {{showEntities}} - {{showPublications}} - {{showDatasets}} - {{showSoftware}} &#45;&#45; {{showOrp}}-->
<li *ngIf="resultTypes && showEntities" class="uk-margin-small-bottom ng-star-inserted">
<div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
<h5 class="uk-margin-bottom-remove" title="Community">Research Type ({{(this.showPublications + this.showDatasets + this.showSoftware + this.showOrp)}})</h5>
<h6 class="uk-margin-bottom-remove" title="Community">Research Type ({{(this.showPublications + this.showDatasets + this.showSoftware + this.showOrp)}})</h6>
<a *ngIf="selectedTypesNum>0" (click)="clearTypes()" class="portal-link">
Clear
</a>

View File

@ -1,6 +1,6 @@
<div *ngIf= "filter.values.length >0" class="uk-margin-small-bottom">
<div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
<h5 class="uk-margin-bottom-remove" title = "{{filter.title}}">{{_formatTitle(filter.title,filter.values.length)}}</h5>
<h6 class="uk-margin-bottom-remove" title = "{{filter.title}}">{{_formatTitle(filter.title,filter.values.length)}}</h6>
<a *ngIf="filter.countSelectedValues>0" (click)="clearFilter()"
[class]="((isDisabled)?'uk-disabled':'') + ' portal-link '">
Clear

View File

@ -2,7 +2,7 @@
<div *ngIf="filters.length > 0" class=" search-filters ">
<div *ngIf="filters.length > 0">
<div class="uk-grid uk-flex uk-flex-bottom">
<h5 class="uk-text-bold">Filters</h5>
<h6 class="uk-text-bold">Filters</h6>
<a *ngIf="countFilters()>1" (click)="clearFilters()"
[class]="((disableForms)?'uk-disabled uk-link-muted':'')+' portal-link ' + 'uk-width-1-2'">
Clear All

View File

@ -14,7 +14,7 @@
</span>
</a>
</div> -->
<h5 [title] = result.title.accessMode >
<h6 [title] = result.title.accessMode >
<a *ngIf="!result.compatibilityUNKNOWN" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">
<p *ngIf="result['title'].name || result.acronym"><span *ngIf="result.acronym">{{result.acronym}}</span><span *ngIf="result.acronym && result['title'].name">-</span><span *ngIf="result['title'].name" [innerHTML]="result['title'].name"></span><span *ngIf="result.code"> ({{result.code}})</span></p>
<p *ngIf="!result['title'].name && !result.acronym">[no title available]<span *ngIf="result.code"> ({{result.code}})</span></p>
@ -26,7 +26,7 @@
<p *ngIf="result.compatibilityUNKNOWN && !result['title'].name"
title="Incompatible content provider" >[no title available]
</p>
</h5>
</h6>
<span *ngIf="result.types && result.types.length > 0" [class]="'uk-label custom-label label-blue label-'+result.entityType" title="Type">{{result.types.join(", ")}}</span>
<span *ngIf="result.programmingLanguages && result.programmingLanguages.length > 0" class="uk-label custom-label label-progrLanguage " title="Programming Language">{{result.programmingLanguages.join(", ")}}</span>

View File

@ -70,7 +70,7 @@
<!--<div *ngIf="showSocialButtons" id="footer#6" class="newsletter uk-margin uk-margin-remove-bottom uk-text-left@s uk-text-center uk-panel">
<a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
<h5 class="el-title uk-margin uk-h5">
<h6 class="el-title uk-margin">
Newsletter
<span class="el-image uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
@ -102,7 +102,7 @@
</div>
<div *ngIf="!showMenuItems" id="footer#9" class="uk-width-expand@s uk-visible@m">
<div id="footer#10" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
<h3 class="el-title uk-h6">Dashboards</h3>
<h6 class="el-title uk-h6">Dashboards</h6>
<ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
<li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'" target="_blank">Explore</a></li>
<li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'" target="_blank">Provide</a></li>
@ -114,7 +114,7 @@
</div>
<div *ngIf="!showMenuItems" id="footer#11" class="uk-width-expand@s uk-visible@m">
<div id="footer#12" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
<h3 class="el-title uk-h6">Support</h3>
<h6>Support</h6>
<ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
<li><a target="_blank" href="https://www.openaire.eu/contact-noads">NOADs</a></li>
@ -127,7 +127,7 @@
</div>
<div *ngIf="!showMenuItems" id="footer#13" class="uk-width-expand@s uk-visible@m">
<div id="footer#14" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
<h3 class="el-title uk-h6">Updates</h3>
<h6>Updates</h6>
<ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
<li><a target="_blank" href="https://www.openaire.eu/news/">News</a></li>
<li><a target="_blank" href="https://www.openaire.eu/events">Events</a></li>

View File

@ -3,77 +3,73 @@ import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmit
@Component({
selector: 'modal-select',
template: `
<div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" [open]="!isOpen" uk-modal="center:true" tabindex="-1" role="dialog" >
<div class="uk-modal-dialog" role="">
<div class="modal-content">
<div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" [open]="!isOpen" uk-modal="center:true"
tabindex="-1" role="dialog">
<div class="uk-modal-dialog" role="">
<div class="modal-content">
<div class="modal-body">
<div >
<h3 class="text-center" >{{message}}</h3>
<!--div class="uk-button-default -select uk-active" data--select="">
<span class=""></span>
<i class="uk-icon-caret-down"></i>
<select (change)="selected=$event.target.value">
<option *ngFor="let option of options" value="option">aa</option>
</select>
</div-->
<div class="modal-body">
<div>
<h4 class="text-center">{{message}}</h4>
<div class="-select" data--select>
<span></span>
<select (change)="selected=$event.target.value">
<option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>
</select>
</div>
<div class="-select" data--select>
<span></span>
<select (change)="selected=$event.target.value">
<option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>
</select>
</div>
<div class="uk-modal-footer uk-text-right">
<button class=" uk-button uk-button-default" (click)="close()">Proceed</button>
</div>
</div>
<div class="uk-modal-footer uk-text-right">
<button class=" uk-button uk-button-default" (click)="close()">Proceed</button>
</div>
</div>
</div>
</div>
</div>
<!--div class="uk-modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;">
<div class="uk-modal-dialog" tabindex="">
<div class="uk-modal-spinner"></div>
</div>
</div-->
<!--div class="uk-modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;">
<div class="uk-modal-dialog" tabindex="">
<div class="uk-modal-spinner"></div>
</div>
</div-->
`,
encapsulation: ViewEncapsulation.None,
})
/**
* API to an open alert window.
*/
export class ModalSelect{
@Input() public message:string ="Loading";
@Input() public options:string[] = [];
public selected: string;
* API to an open alert window.
*/
export class ModalSelect {
@Input() public message: string = "Loading";
@Input() public options: string[] = [];
public selected: string;
/**
* if the value is true alert will be visible or else it will be hidden.
*/
public isOpen:boolean=false;
* if the value is true alert will be visible or else it will be hidden.
*/
public isOpen: boolean = false;
/**
* Emitted when a ok button was clicked
* or when Ok method is called.
*/
@Output() public alertOutput:EventEmitter<any> = new EventEmitter();
constructor( public _elementRef: ElementRef){}
/**
* Opens a alert window creating backdrop.
*/
open(){
this.isOpen= true;
* Emitted when a ok button was clicked
* or when Ok method is called.
*/
@Output() public alertOutput: EventEmitter<any> = new EventEmitter();
constructor(public _elementRef: ElementRef) {
}
close(){
/**
* Opens a alert window creating backdrop.
*/
open() {
this.isOpen = true;
}
close() {
this.isOpen = false;
if(!this.selected) {
if (!this.selected) {
this.selected = this.options[0];
}
this.alertOutput.emit(this.selected);
}
}

View File

@ -1,6 +1,6 @@
<div class="uk-margin-small-bottom">
<div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
<h5 class="uk-margin-bottom-remove">{{_formatTitle(filter.title)}}</h5>
<h6 class="uk-margin-bottom-remove">{{_formatTitle(filter.title)}}</h6>
<a *ngIf="filter.selectedFromValue || filter.selectedToValue" (click)="clearFilter()"
[class]="(isDisabled ? 'uk-disabled' : '') + ' portal-link'">
Clear

View File

@ -21,7 +21,7 @@
</div>
<!-- Title -->
<div class="uk-margin-small-bottom">
<h5 class="uk-margin-remove">
<h6 class="uk-margin-remove">
<a *ngIf="result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
(click)="onClick()" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)"
[routerLink]="url" class="uk-link uk-width-expand">
@ -52,7 +52,7 @@
</div>
</div>
<hr *ngIf="result.websiteURL && promoteWebsiteURL">
</h5>
</h6>
</div>
<!-- Funder -->
<div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom">