From 76d8ef7d80dab0bd00b1e8291016e91f4bc408ba Mon Sep 17 00:00:00 2001
From: "sofia.baltzi" <sofia.baltzi@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 29 Mar 2018 11:00:53 +0000
Subject: [PATCH] Change html for subjects in case of getting more than 10

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@51570 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/community/community.component.html | 25 ++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index 9ad6f5a..e8a83ee 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -19,11 +19,28 @@
               <p> {{community.description}}</p>
             </div>
         </blockquote>
-        <p *ngIf="community.subjects != null">
-          <span *ngFor='let subject of community.subjects; let i = index'>
-            <span *ngIf="subject != ''" class="uk-label">{{subject}}</span>&nbsp;
+        <div *ngIf="community.subjects != null">
+          <span *ngFor="let subject of community.subjects.slice(0,10) let i=index">
+              <span *ngIf="subject != ''" class="uk-label">{{subject}}</span>
+              <!-- <span *ngIf=" i<9 && i<(community.subjects.length-1)">&nbsp;</span> -->
           </span>
-        </p>
+          <span *ngIf="showAll">
+              <span *ngFor="let subject of community.subjects.slice(10) let i=index">
+                  <span *ngIf="subject != ''" class="uk-label">{{subject}}</span>
+                  <!-- <span *ngIf="i<(community.subjects.length-1)">&nbsp;</span> -->
+              </span>
+          </span>
+          <span *ngIf="!showAll && community.subjects.length > 10">
+              <a (click)="showAll = !showAll;">
+                show more
+              </a>
+          </span>
+          <span *ngIf="showAll">
+              <a (click)="showAll = !showAll;">
+                show less
+              </a>
+          </span>
+        </div>
         <p>
           <span *ngIf="community.managers != null && community.managers[0] != ''"> Curated by:
               <span *ngFor='let manager of community.managers; let i = index'>{{manager.substr(0, manager.indexOf('@'))}}<span *ngIf="manager.includes('@') == 0">{{manager}}</span><span *ngIf="i<(community.managers.length-1)">,</span>