From 9ec54d3d50abe7f5002d7e6af255621798cad0ba Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 13 May 2019 14:42:07 +0000
Subject: [PATCH] [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
---
 src/app/community/community.component.html | 48 +++++++++++++---------
 src/app/community/community.component.ts   |  2 +-
 2 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index 9e230aa..ea3b69a 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -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">
diff --git a/src/app/community/community.component.ts b/src/app/community/community.component.ts
index 80ac374..e7e346b 100644
--- a/src/app/community/community.component.ts
+++ b/src/app/community/community.component.ts
@@ -54,7 +54,7 @@ export class CommunityComponent {
   public showLoading: boolean = true;
   masterZenodoCommunity = null;
   zenodoCommunityIdS = [];
-
+  showAll = false;
   // TODO Unsubscribe
   public subPublications;
   public subResearchData;