Revision 58154
Added by Konstantinos Triantafyllou about 4 years ago
| organization.component.html | ||
|---|---|---|
| 1 |
<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle" >
|
|
| 1 |
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle">
|
|
| 2 | 2 |
<div uk-grid> |
| 3 | 3 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
| 4 |
|
|
| 5 |
<div class="uk-container organization"> |
|
| 4 |
<div class="uk-container uk-container-large organization"> |
|
| 6 | 5 |
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" |
| 7 | 6 |
role="alert">{{warningMessage}}</div>
|
| 8 | 7 |
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" |
| 9 | 8 |
role="alert">{{errorMessage}}</div>
|
| 10 | 9 |
<div [style.display]="showLoading ? 'inline' : 'none'" |
| 11 | 10 |
class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert"><span |
| 12 |
class="loading-gif uk-align-center"></span></div> |
|
| 11 |
class="loading-gif uk-align-center"></span></div>
|
|
| 13 | 12 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" |
| 14 | 13 |
[texts]="pageContents['top']"></helper> |
| 15 |
<div *ngIf="organizationInfo != null" class="uk-grid"> |
|
| 16 |
|
|
| 14 |
<div *ngIf="organizationInfo != null" class="uk-grid"> |
|
| 17 | 15 |
<div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom"> |
| 18 | 16 |
<schema2jsonld *ngIf="organizationInfo" [data]=organizationInfo |
| 19 | 17 |
[URL]="properties.baseLink+'/search/organization?organizationId='+organizationId" |
| 20 | 18 |
type="organization"></schema2jsonld> |
| 21 |
|
|
| 22 |
<!-- <showTitle [title]="organizationInfo.title"></showTitle>-->
|
|
| 23 |
<showTitle [title]="organizationInfo.title" [classNames]="(properties.environment != 'production' && organizationInfo.deletedByInferenceIds) ? 'uk-margin-remove-bottom' : ''"></showTitle>
|
|
| 24 |
|
|
| 25 |
<div *ngIf="properties.environment != 'production' && organizationInfo.deletedByInferenceIds"
|
|
| 26 |
class="uk-text-muted uk-text-small uk-margin-bottom" (click)="openDeletedByInference()">
|
|
| 27 |
The following information is the result of merging
|
|
| 28 |
<a>{{organizationInfo.deletedByInferenceIds.length}} other versions</a>
|
|
| 19 |
<landing-header [properties]="properties" [title]="organizationInfo.title.name" |
|
| 20 |
[subTitle]="(organizationInfo.name
|
|
| 21 |
&& organizationInfo.title.name !== organizationInfo.name)?organizationInfo.name:null"
|
|
| 22 |
[entityType]="'organization'"></landing-header> |
|
| 23 |
<div *ngIf="organizationInfo.deletedByInferenceIds" |
|
| 24 |
class="uk-text-muted uk-text-small uk-text-right">
|
|
| 25 |
<a (click)="openDeletedByInference()">View all {{organizationInfo.deletedByInferenceIds.length}}
|
|
| 26 |
versions</a>
|
|
| 29 | 27 |
</div> |
| 30 |
<div class="uk-text-large " |
|
| 31 |
*ngIf="organizationInfo.title.name && organizationInfo.title.name != organizationInfo.name ">{{organizationInfo.name}}</div>
|
|
| 32 |
<span class="uk-label custom-label label-blue label-organization" title="Type">Organization</span>{{" "}}
|
|
| 33 |
<span *ngIf="organizationInfo.country" class="uk-label custom-label label-country " |
|
| 34 |
title="Country">{{organizationInfo.country}}</span>{{" "}}
|
|
| 35 |
|
|
| 28 |
<ul class="uk-list"> |
|
| 29 |
<!-- Country --> |
|
| 30 |
<li *ngIf="organizationInfo.title && organizationInfo.title.url"> |
|
| 31 |
<span class="uk-text-muted">Web page: </span> |
|
| 32 |
<a [href]="organizationInfo.title.url"> |
|
| 33 |
<span>{{organizationInfo.title.url}}</span>
|
|
| 34 |
<span class="custom-external custom-icon"></span> |
|
| 35 |
</a> |
|
| 36 |
</li> |
|
| 37 |
<li *ngIf="organizationInfo.country"> |
|
| 38 |
<span class="uk-text-muted">Country: </span>{{organizationInfo.country}}
|
|
| 39 |
</li> |
|
| 40 |
</ul> |
|
| 41 |
<div class="uk-margin-medium-top"> |
|
| 42 |
<div *ngIf="totalPublications > 0" |
|
| 43 |
class="uk-margin-top advanced-buttons uk-grid-small uk-child-width-1-4@s uk-child-width-1-2" |
|
| 44 |
uk-height-match="target: .target; row: false" |
|
| 45 |
uk-grid> |
|
| 46 |
<div *ngIf="totalPublications > 0"> |
|
| 47 |
<div class="uk-position-relative"> |
|
| 48 |
<a [queryParams]="routerHelper.createQueryParams(['organization', 'og', 'type'], [organizationId, 'and', 'publications'])" |
|
| 49 |
[routerLink]="properties.searchLinkToAdvancedResults"> |
|
| 50 |
<div class="header target uk-text-bold">Publications</div> |
|
| 51 |
<div class="icon uk-position-center" uk-icon="icon: search;"></div> |
|
| 52 |
<div class="footer target uk-position-relative"> |
|
| 53 |
<span class="uk-text-bold uk-position-center">{{totalPublications | number}}</span>
|
|
| 54 |
</div> |
|
| 55 |
</a> |
|
| 56 |
</div> |
|
| 57 |
</div> |
|
| 58 |
</div> |
|
| 59 |
</div> |
|
| 36 | 60 |
<ul class="custom-accordion" uk-accordion> |
| 37 | 61 |
|
| 38 |
<li *ngIf="fetchPublications.searchUtils.totalResults > 0" |
|
| 62 |
<!--<li *ngIf="fetchPublications.searchUtils.totalResults > 0"
|
|
| 39 | 63 |
(click)="activeTab='Publications'; searchPublicationsInit()"> |
| 40 | 64 |
<a class="uk-accordion-title" href="#"> |
| 41 | 65 |
Publications |
| 42 |
<!-- <span class="uk-badge uk-badge-notification"> -->
|
|
| 43 |
<!-- ({{fetchPublications.searchUtils.totalResults | number}}) -->
|
|
| 44 |
<!-- </span> -->
|
|
| 66 |
<!– <span class="uk-badge uk-badge-notification"> –>
|
|
| 67 |
<!– ({{fetchPublications.searchUtils.totalResults | number}}) –>
|
|
| 68 |
<!– </span> –>
|
|
| 45 | 69 |
</a> |
| 46 | 70 |
<div class="uk-accordion-content"> |
| 47 | 71 |
<errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" |
| ... | ... | |
| 61 | 85 |
</tab-result> |
| 62 | 86 |
</div> |
| 63 | 87 |
</div> |
| 64 |
</li> |
|
| 88 |
</li>-->
|
|
| 65 | 89 |
|
| 66 | 90 |
<!-- <li (click)="activeTab='Research Data'; searchDatasetsInit()"> |
| 67 | 91 |
<a class="uk-accordion-title" href="#"> |
| ... | ... | |
| 139 | 163 |
<addThis></addThis> |
| 140 | 164 |
</div> |
| 141 | 165 |
<div |
| 142 |
*ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchProjects && fetchProjects.funders.length > 0)"
|
|
| 143 |
class="uk-margin-medium-top uk-margin-medium-bottom"> |
|
| 166 |
*ngIf="totalPublications > 0 || (fetchProjects && fetchProjects.funders.length > 0)"
|
|
| 167 |
class="uk-margin-medium-top uk-margin-medium-bottom">
|
|
| 144 | 168 |
<div class="uk-text-center uk-text-large"> |
| 145 | 169 |
Application Box |
| 146 | 170 |
</div> |
| ... | ... | |
| 157 | 181 |
<!--span class="clickable" (click)="downloadProjectsFile(downloadURLAPI+'organizations/'+organizationId+'/projects?fq=(funderid exact '+funder.id+')&size='+funder.number)"--> |
| 158 | 182 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" |
| 159 | 183 |
xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline |
| 160 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" |
|
| 161 |
width="13" |
|
| 162 |
height="1"></rect><line |
|
| 163 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> |
|
| 184 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
|
|
| 185 |
width="13"
|
|
| 186 |
height="1"></rect><line
|
|
| 187 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
|
|
| 164 | 188 |
<span class="uk-icon-download"> Project list for {{funder.name}} (CSV)</span>
|
| 165 | 189 |
</a> |
| 166 | 190 |
</li> |
| ... | ... | |
| 170 | 194 |
(click)="confirmOpenApplyAll(funder.name,encodeURI(funder.id), funder.number)"> |
| 171 | 195 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" |
| 172 | 196 |
xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline |
| 173 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" |
|
| 174 |
width="13" |
|
| 175 |
height="1"></rect><line |
|
| 176 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> |
|
| 197 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
|
|
| 198 |
width="13"
|
|
| 199 |
height="1"></rect><line
|
|
| 200 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
|
|
| 177 | 201 |
<span class="uk-icon-download"> Project Publications for {{funder.name}} (CSV)</span>
|
| 178 | 202 |
</a> |
| 179 | 203 |
</li> |
| 180 | 204 |
</ng-container> |
| 181 |
<li *ngIf="fetchPublications.searchUtils.totalResults > 0">
|
|
| 205 |
<li *ngIf="totalPublications > 0">
|
|
| 182 | 206 |
<!-- url = this.downloadURLAPI+"format=csv-special&type=publications&fq=(((oaftype exact result) and (resulttypeid exact publication)) and (relprojectid exact '"+projects[index].id+"'))"--> |
| 183 | 207 |
|
| 184 | 208 |
<!-- <a class="clickable" (click)="downloadFile(downloadURLAPI+'/organizations/'+organizationId+'?type=publications&format=csv')"> --> |
| ... | ... | |
| 186 | 210 |
(click)="downloadFile(csvAffiliatedPublications, 'organization-publications-report')"> |
| 187 | 211 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" |
| 188 | 212 |
xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline |
| 189 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" |
|
| 190 |
width="13" |
|
| 191 |
height="1"></rect><line |
|
| 192 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> |
|
| 213 |
fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
|
|
| 214 |
width="13"
|
|
| 215 |
height="1"></rect><line
|
|
| 216 |
fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
|
|
| 193 | 217 |
<span class="uk-icon-download"> Publications of organization (CSV) - based on the affiliation information.</span> |
| 194 | 218 |
</a> |
| 195 | 219 |
</li> |
| ... | ... | |
| 203 | 227 |
<modal-alert *ngIf="organizationInfo.deletedByInferenceIds" |
| 204 | 228 |
#AlertModalDeletedByInference classBody="uk-width-xxlarge"> |
| 205 | 229 |
<deletedByInference *ngIf="deleteByInferenceOpened" |
| 206 |
[id]="organizationInfo.objIdentifier" [ids]="organizationInfo.deletedByInferenceIds" [type]="'organizations'"></deletedByInference> |
|
| 230 |
[id]="organizationInfo.objIdentifier" [ids]="organizationInfo.deletedByInferenceIds" |
|
| 231 |
[type]="'organizations'"></deletedByInference> |
|
| 207 | 232 |
</modal-alert> |
| 208 | 233 |
</div> |
| 209 | 234 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
Also available in: Unified diff
[Library | Landing-Redesign]: Organization landing started.