[Connect]: Community page: Add select of material. Align View More and View All on center. Communities Page: Remove height match from card body and make browse all and view all text-small.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56833 d315682c-612b-4755-9ff5-7f18f6832af3

src/app/communities/browseCommunity/browse-community.component.html

@@ -41,7 +41,7 @@
       </div>
     </a>
   </div>
-  <div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top community">
+  <div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
     <div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''">
       <a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank">
         <span *ngIf="community.title">
@@ -71,7 +71,7 @@
     </div>
   </div>
   <div>
-    <div class="uk-text-right">
+    <div class="uk-position-small uk-position-bottom-right">
       <a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold">
         Visit
       </a>

src/app/communities/communities.component.html

@@ -27,7 +27,7 @@
                   </div>
                 </div>
                 <div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
-                  <a [queryParams]="{role: quote('manager')}" class="portal-link uk-text-uppercase uk-text-bold"
+                  <a [queryParams]="{role: quote('manager')}" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
                      routerLinkActive="router-link-active" routerLink="/search/find/communities">
                     <div>View all ({{managerOfCommunities.length | number}}) ></div>
                   </a>
@@ -55,7 +55,7 @@
                   </div>
                 </div>
                 <div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
-                  <a [queryParams]="{status: quote('subscribed')}" class="portal-link uk-text-uppercase uk-text-bold"
+                  <a [queryParams]="{status: quote('subscribed')}" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
                      routerLinkActive="router-link-active" routerLink="/search/find/communities">
                     <div>View all ({{subscriberOfCommunities.length | number}}) ></div>
                   </a>
@@ -275,7 +275,7 @@
 
   </div>
   <div class="uk-text-right uk-margin-top">
-    <a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold"
+    <a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
        routerLinkActive="router-link-active" routerLink="/search/find/communities">
       Browse All >
     </a>

src/app/community/community.component.html

@@ -18,16 +18,17 @@
             <div *ngIf="!showAllDescription" class="">
               {{community.description.substring(0, 300)}}{{community.description.length > 300 ? '...' : ''}}</div>
             <div *ngIf="showAllDescription" class=""> {{community.description}}</div>
-            <span *ngIf="!showAllDescription && community.description.length > 300 " class="uk-animation-fade">
+            <div *ngIf="!showAllDescription && community.description.length > 300 "
-                    <a (click)="showAllDescription = !showAllDescription;">
+                 class="uk-animation-fade uk-text-center uk-text-bold">
-                      view all
+              <a (click)="showAllDescription = !showAllDescription;">View More
               </a>
-                </span>
+            </div>
-            <span *ngIf="showAllDescription">
+            <div *ngIf="showAllDescription"
+                 class="uk-text-center uk-text-bold">
               <a (click)="showAllDescription = !showAllDescription;">
-                      view less
+                View Less
               </a>
-                </span>
+            </div>
           </div>
         </div>
         <div class="uk-width-3-5@m uk-width-1-1@s">
@@ -152,16 +153,18 @@
                     </span>
                 </span>
               <br>
-              <span *ngIf="!showAllSubjects && community.subjects.length > 4 ">
+              <div *ngIf="!showAllSubjects && community.subjects.length > 4 "
+                    class="uk-animation-fade uk-text-center uk-text-bold">
                     <a (click)="showAllSubjects = !showAllSubjects;">
-                      view all
+                      View All
                     </a>
-                </span>
+              </div>
-              <span *ngIf="showAllSubjects">
+              <div *ngIf="showAllSubjects"
+                    class="uk-text-center uk-text-bold">
                     <a (click)="showAllSubjects = !showAllSubjects;">
-                      view less
+                      View Less
                     </a>
-                </span>
+              </div>
             </div>
           </div>
         </div>
@@ -318,10 +321,17 @@
              <button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')"
                      (click)="show='analysis';">Graph Analysis
              </button>-->
-            <select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
+            <mat-form-field>
+              <mat-label>Select View</mat-label>
+              <mat-select [(value)]="show">
+                <mat-option value="overview">Overview</mat-option>
+                <mat-option value="analysis">Graph Analysis</mat-option>
+              </mat-select>
+            </mat-form-field>
+            <!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
               <option value="overview">Overview</option>
               <option value="analysis">Graph Analysis</option>
-            </select>
+            </select>-->
             <!--            <select   [(ngModel)]="sortBy"      class="uk-select  uk-margin-small-bottom uk-width-1-2 uk-padding-remove"  name="select_order"   >-->
             <!--              <option  value="num"  >Sort by results number</option>-->
             <!--              <option  value="name"  >Sort by name</option>-->

src/app/community/community.module.ts

@@ -24,13 +24,14 @@ import {SearchResearchResultsServiceModule} from "../openaireLibrary/services/se
 import {SearchResultsModule} from "../openaireLibrary/searchPages/searchUtils/searchResults.module";
 import {CuratorsModule} from "../curators/curators.module";
 import {AffiliationsModule} from "../affiliations/affiliations.module";
+import {MatSelectModule} from "@angular/material";
 
 @NgModule({
   imports: [
     CommonModule, FormsModule, RouterModule,
     SubscribeModule, StatisticsModule, ManageModule, InviteModule,
     SearchZenodoCommunitiesServiceModule, ZenodoCommunitiesServiceModule, SearchFormModule, SearchDataprovidersServiceModule, SearchProjectsServiceModule,
-    SearchResearchResultsServiceModule, SearchResultsModule, CuratorsModule, AffiliationsModule
+    SearchResearchResultsServiceModule, SearchResultsModule, CuratorsModule, AffiliationsModule, MatSelectModule
 
   ],
   declarations: [

src/assets/env-properties.json

@@ -47,7 +47,7 @@
 
   "cacheUrl" :"http://scoobydoo.di.uoa.gr:3000/get?url=",
 
-  "adminToolsAPIURL" :"http://duffy.di.uoa.gr:8080/uoa-admin-tools",
+  "adminToolsAPIURL" :"http://mpagasas.di.uoa.gr:8080/uoa-admin-tools",
 
   "adminToolsCommunity" :"connect",
   "datasourcesAPI": "https://beta.services.openaire.eu/openaire/ds/search/",