MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity

[trunk] 

Community page minor css enhancements


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@55575 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2019-05-13 14:42:07 +00:00
parent 35587f5fcb
commit 9ec54d3d50
2 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/community/community.component.html
View File

@ -1,6 +1,8 @@
<div id="stickhere">
</div>
<div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection" uk-sticky="top: #stickhere">
<div *ngIf="communityInfo"
class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection"
uk-sticky="top: #stickhere; show-on-up: true; animation: uk-animation-slide-top; ">
<div class="communityToolBar uk-padding-small uk-margin-small-top">
<div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
<manage *ngIf="communityId != null && communityId != '' && isManager()" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
@ -21,14 +23,14 @@
<div *ngIf="communityInfo" class=" " >
<div class="uk-background-muted uk-padding-small">
<div class="uk-container uk-margin-bottom " *ngIf="communityId != null && communityId != '' && community != null">
<div *ngIf="community.title != null" class="uk-text-bold uk-h4 uk-margin-top">
<p> {{community.title}}</p>
<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
{{community.title}}
</div>
<div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h4 uk-margin-top">
<p> {{community.shortTitle}}</p>
<div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h5 uk-margin-remove">
{{community.shortTitle}}
</div>
<div *ngIf="community.description != null" class="uk-text-large">
<p> {{community.description}}</p>
<div *ngIf="community.description != null" class="">
<p class=""> {{community.description}}</p>
</div>
<div class="uk-grid uk-grid-divider">
<div class="uk-width-1-3@m uk-width-1-1@s uk-first-column uk-margin-top">
@ -50,7 +52,7 @@
</div>
<div class="uk-width-2-3@m uk-width-1-1@s">
<div>
<div class=" uk-text-large uk-margin-bottom">Statistics</div>
<!-- <div class=" uk-text-large uk-margin-bottom">Statistics</div>-->
<div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-margin-remove"
uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">
@ -109,7 +111,7 @@
</div>
</div>
<div *ngIf="community.subjects != null && community.subjects.length > 0" class=" uk-text-large uk-margin-bottom uk-margin-top">Subjects related to community</div>
<div *ngIf="community.subjects != null && community.subjects.length > 0" class="uk-margin-small-bottom uk-margin-top uk-text-bold">Subjects related to community</div>
<div *ngIf="community.subjects != null">
<span *ngFor="let subject of community.subjects.slice(0,10) let i=index">
<span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">
@ -130,12 +132,12 @@
</span>
<span *ngIf="!showAll && community.subjects.length > 10">
<a (click)="showAll = !showAll;">
show all
view all
</a>
</span>
<span *ngIf="showAll">
<a (click)="showAll = !showAll;">
show less
view less
</a>
</span>
</div>
@ -156,13 +158,13 @@
<div *ngIf="communityId != null && communityId != '' && community != null">
<div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-large-top">
<div class="uk-text-large uk-text-bold">Search research results</div>
<div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
<div class="uk-text-bold uk-h5">Search research results</div>
<search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
</div>
<div class="uk-margin-large-top">
<div class="uk-text-large uk-text-bold">
<div class="uk-text-bold uk-h5">
Recent research results
</div>
@ -177,7 +179,10 @@
<li *ngIf="isEntityEnabled('publication')">
<div class="uk-grid">
<results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params class="uk-width-expand"></results-comp>
<div *ngIf=" activeTab == 'publication' && statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] && statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 && statistics.allowedCharts['publication'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
<div *ngIf=" activeTab == 'publication' && statistics !=null && statistics.allowedEntities &&
statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] &&
statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 &&
statistics.allowedCharts['publication'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
<div *ngFor="let chart of statistics.allowedCharts['publication']" class=" uk-first-column">
<div class="iframeContainer">
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
@ -191,7 +196,7 @@
<results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params class="uk-width-expand"></results-comp>
<div *ngIf="activeTab == 'dataset' && statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts &&
statistics.statisticsSum['dataset'] && statistics.allowedCharts['dataset'] && statistics.statisticsSum['dataset'].total>0 && statistics.allowedCharts['dataset'].length>0"
class="uk-width-1-2@m uk-width-1-1@s">
class="uk-width-2-5@m uk-width-1-1@s">
<div *ngFor="let chart of statistics.allowedCharts['dataset']" class=" uk-first-column">
<div class="iframeContainer">
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
@ -203,7 +208,9 @@
<li *ngIf="isEntityEnabled('software')">
<div class="uk-grid">
<results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params class="uk-width-expand"></results-comp>
<div *ngIf="statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['software'] && statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
<div *ngIf="statistics !=null && statistics.allowedEntities && statistics.statisticsSum &&
statistics.allowedCharts && statistics.statisticsSum['software'] &&
statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
<div *ngFor="let chart of statistics.allowedCharts['software']" class=" uk-first-column">
<div class="iframeContainer">
<iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
@ -215,7 +222,10 @@
<li *ngIf="isEntityEnabled('orp')">
<div class="uk-grid">
<results-comp [(results)]=orpResults [(total)]=orpTotal resultType="other" [community]=community [params]=params class="uk-width-expand"></results-comp>
<div *ngIf=" activeTab == 'orp' && statistics !=null && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] && statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 && statistics.allowedCharts['orp'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
<div *ngIf=" activeTab == 'orp' && statistics !=null && statistics.allowedEntities &&
statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] &&
statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 &&
statistics.allowedCharts['orp'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
<div *ngFor="let chart of statistics.allowedCharts['orp']" class=" uk-first-column">
<div class="iframeContainer">
<iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
@ -228,7 +238,7 @@
</div>
<hr>
<div *ngIf="statistics && statistics.allowedEntities && countOtherGraphs()>0">
<div class="uk-text-large">
<div class="uk-text-bold uk-h5">
Other Graphs
</div>
<div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">

2
src/app/community/community.component.ts
View File

@ -54,7 +54,7 @@ export class CommunityComponent {
public showLoading: boolean = true;
masterZenodoCommunity = null;
zenodoCommunityIdS = [];
showAll = false;
// TODO Unsubscribe
public subPublications;
public subResearchData;