From 3c4985ad8ca014ddcaef2a1d6ec7f1d4b7d41192 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 3 Jun 2019 08:25:11 +0000
Subject: [PATCH] [Trunk|Admin]: Curator personal info page: Remove some text
 when name or websiteurl are more than 70 chars. Make logo smaller.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@55948 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/pages/curator/curator.component.html | 8 ++++----
 src/app/pages/curator/curator.component.ts   | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/curator/curator.component.html b/src/app/pages/curator/curator.component.html
index 186764d..e3b8dfe 100644
--- a/src/app/pages/curator/curator.component.html
+++ b/src/app/pages/curator/curator.component.html
@@ -84,12 +84,12 @@
     </div>
     <ul class="uk-list uk-list-divider uk-margin uk-height-max-large uk-overflow-auto">
       <li *ngFor="let result of curator.affiliations; let i=index" class="uk-animation-fade uk-margin-auto uk-height-small uk-flex uk-flex-middle" uk-grid>
-        <div class="uk-width-1-5 uk-card uk-card-default uk-card-body affiliation-card uk-inline">
-          <img class="uk-border-rounded uk-position-center" src="{{result.logoUrl}}" width="80" height="80" alt="{{result.name}}">
+        <div class="uk-width-1-5 uk-card uk-card-default affiliation-card uk-card-body uk-inline">
+          <img class="uk-padding uk-position-center" src="{{result.logoUrl}}" width="80" height="80" alt="{{result.name}}">
         </div>
         <div class="uk-width-3-5">
-          <h3 class="uk-h3">{{result.name}}</h3>
-          <a href="{{result.websiteUrl}}" class="uk-margin-auto-top" target="_blank">{{result.websiteUrl}}</a>
+          <h3 class="uk-h3" title="{{result.name}}">{{_format(result.name)}}</h3>
+          <a href="{{result.websiteUrl}}" title="{{result.websiteUrl}}" class="uk-margin-auto-top" target="_blank">{{_format(result.websiteUrl)}}</a>
         </div>
         <div class="uk-width-1-5 uk-card">
           <button class="uk-icon-button uk-icon uk-button-secondary" title="Edit" uk-icon="pencil" (click)="chooseAffiliation(i, 'edit')"></button>
diff --git a/src/app/pages/curator/curator.component.ts b/src/app/pages/curator/curator.component.ts
index 90041bd..bda4387 100644
--- a/src/app/pages/curator/curator.component.ts
+++ b/src/app/pages/curator/curator.component.ts
@@ -37,6 +37,7 @@ export class CuratorComponent implements OnInit {
   private file: File = null;
   private enabled = true;
   private index = 0;
+  private maxCharacters = 70;
 
   constructor(private element: ElementRef,
               private route: ActivatedRoute,
@@ -300,4 +301,8 @@ export class CuratorComponent implements OnInit {
       this.enabled = true;
     }
   }
+
+  _format(name: string){
+    return (((name).length > this.maxCharacters) ? (name.substring(0, (this.maxCharacters - ('...').length)) + '...') : name);
+  }
 }