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

[Connect]: Home page refactored. 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56325 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-07-02 15:23:19 +00:00
parent 52bfbc59e6
commit 0fd74a3e30
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/communities/communities.component.html
View File

@ -2,15 +2,15 @@
<div class=" uk-section uk-padding-remove-bottom"> <div class=" uk-section uk-padding-remove-bottom">
<div class="uk-position-cover"></div> <div class="uk-position-cover"></div>
<div class="uk-position-relative uk-panel"> <div class="uk-position-relative uk-panel">
<div *ngIf="loading" class="uk-container uk-container-expand padding-120 uk-height-large"> <div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-2" role="alert"><span class="loading-gif uk-align-center" ></span></div> <div class="uk-animation-fade uk-margin-top uk-width-1-2" role="alert"><span class="loading-gif uk-align-center" ></span></div>
</div> </div>
<div *ngIf="!loading" class="uk-container uk-container-expand padding-120"> <div *ngIf="!loading" class="uk-container uk-container-expand padding-120">
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid> <div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" class="uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-3@xl uk-flex uk-flex-middle" uk-grid>
<div> <div>
<div *ngIf="managerOfCommunities.length > 0" uk-grid> <div *ngIf="managerOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5> <h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
<div class="uk-width-2-3@xl uk-width-1-1@m"> <div class="uk-width-1-1 uk-margin-top">
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community"> <div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard" <div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
@ -28,15 +28,15 @@
</div> </div>
</div> </div>
<div class="uk-container uk-container-expand padding-120 uk-width-4-5"> <div class="uk-container uk-container-large uk-width-4-5">
<div *ngIf="subscriberErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert"> <div *ngIf="subscriberErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert">
{{subscriberErrorMessage}} {{subscriberErrorMessage}}
</div> </div>
</div> </div>
<div *ngIf="subscriberOfCommunities.length > 0" uk-grid> <div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5> <h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5>
<div class="uk-width-2-3@xl uk-width-1-1@m"> <div class="uk-width-1-1 uk-margin-top">
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community"> <div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard" <div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
@ -60,12 +60,12 @@
<img width="296" height="285" src="../../assets/banner/login.png"> <img width="296" height="285" src="../../assets/banner/login.png">
</div> </div>
</div> </div>
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" uk-grid> <div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" class="uk-grid">
<div class="uk-width-large-2-5@l uk-width-1-2@m uk-width-1-1@s"> <div class="uk-width-1-3@xl uk-width-1-2@m uk-width-1-1@s">
<h1 class="font-41">Build a <b>Gateway</b> for your <b>Community</b></h1> <h1 class="font-41">Build a <b>Gateway</b> for your <b>Community</b></h1>
<div class="uk-text-large">Turn Open Science into Practice.<br>It takes your open and linked research outcomes.<br>A service customized to your needs.</div> <div class="uk-text-large uk-margin-top">Turn Open Science into Practice.<br>It takes your open and linked research outcomes.<br>A service customized to your needs.</div>
</div> </div>
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-large-bottom"> <div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-medium-bottom">
<a class="uk-button portal-button" routerLink="/about" routerLinkActive="router-link-active"> LEARN <a class="uk-button portal-button" routerLink="/about" routerLinkActive="router-link-active"> LEARN
HOW</a> HOW</a>
</div> </div>
@ -76,8 +76,8 @@
</div> </div>
<div *ngIf="!loading" class="uk-margin-top"> <div *ngIf="!loading" class="uk-margin-top">
<div class=""> <div class="">
<div class="uk-margin-bottom uk-margin-medium-top"> <div class="uk-margin-medium-bottom uk-margin-medium-top">
<div class="uk-container uk-container-large uk-margin-large-bottom"> <div class="uk-container uk-container-large uk-margin-medium-bottom">
<h1 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h1> <h1 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h1>
</div> </div>
<div class="uk-container uk-container-large" uk-height-match=".target"> <div class="uk-container uk-container-large" uk-height-match=".target">
@ -183,7 +183,7 @@
</div> </div>
</div> </div>
<div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"> <div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
<div class="uk-container uk-container-expand padding-120"> <div class="uk-container uk-container-large">
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'"> <gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'">
</gif-slider> </gif-slider>
</div> </div>
@ -197,7 +197,7 @@
</div> </div>
<div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom"> <div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
<h1 class="uk-text-bold">Community Gateways already in action</h1> <h1 class="uk-text-bold">Community Gateways already in action</h1>
<div [class]="'uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community"> <div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
@ -221,7 +221,7 @@
</div> </div>
<helper div="home-news"></helper> <helper div="home-news"></helper>
<div class="contact-banner uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"> <div class="contact-banner uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
<div class="uk-container uk-container-expand padding-120 uk-section"> <div class="uk-container uk-container-large uk-section">
<div class="uk-flex uk-flex-middle uk-padding uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid> <div class="uk-flex uk-flex-middle uk-padding uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"> <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m">
<img width="237" height="250" src="../../assets/contact/1.png"> <img width="237" height="250" src="../../assets/contact/1.png">
@ -240,7 +240,7 @@
</div> </div>
</div> </div>
<div class="uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"> <div class="uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
<div class="uk-container uk-container-expand padding-120"> <div class="uk-container uk-container-large">
<div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom"> <div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore"> <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style=""> <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">