[Trunk|Admin]: Change well-come view base on new connect portal.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@56290 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-07-01 10:42:25 +00:00
parent 4328532151
commit 4ab3cb91e4
6 changed files with 81 additions and 317 deletions

View File

@ -4,212 +4,10 @@
<div id="wrapper" class="uk-section uk-margin-top uk-padding-remove-bottom"> <div id="wrapper" class="uk-section uk-margin-top uk-padding-remove-bottom">
<div class="uk-grid" uk-height-viewport="expand: true"> <div class="uk-grid" uk-height-viewport="expand: true">
<!--<div *ngIf="communityId && communityId!=''" id="sidebar" class="uk-width-1-5 uk-light sidebar uk-margin-top uk-margin-left"> <sidebar *ngIf="showSidebar && !wellcome" [menuItems]="sideMenuItems" class="uk-width-1-5 uk-light sidebar uk-margin-top uk-margin-left"></sidebar>
<ul class="uk-nav uk-nav-default sidebar"> <div class="uk-width-expand uk-margin-large-top" [ngClass]="(!wellcome)?'uk-container':''">
<li class="uk-nav-header uk-parent"> <router-outlet></router-outlet>
</div>
<a routerLink="/dashboard" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span><span class="uk-margin-small-right uk-icon" uk-icon="home"></span> Overview</span>
</a>
</li>
<li *ngIf="communityId != 'openaire'" class="uk-nav-header uk-parent">
<span class="uk-margin-small-right uk-icon" uk-icon="album"></span>
Community
<ul class="uk-nav-sub">
<li *ngIf="isPortalAdministrator">
<a routerLink="/communities" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Communities</span>
</a>
</li>
<li >
<a routerLink="/community-edit-form" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Community profile</span>
</a>
</li>
<li >
<a routerLink="/community-layout" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Community Layout</span>
</a>
</li>
</ul>
</li>
<li *ngIf="communityId != 'openaire'" class="uk-nav-header uk-parent">
<span class="uk-margin-small-right uk-icon" uk-icon="list"></span>
Community content
<ul class="uk-nav-sub">
<li>
<a routerLink="/manage-projects" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Projects</span>
</a>
</li>
<li>
<a routerLink="/manage-content-providers" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Content providers</span>
</a>
</li>
<li *ngIf="communityType && communityType != 'ri'">
<a routerLink="/manage-subjects" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Subjects</span>
</a>
</li>
<li>
<a routerLink="/manage-zenodo-communities" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Zenodo communities</span>
</a>
</li>
</ul>
</li>
<li *ngIf="isPortalAdministrator" class="uk-nav-header uk-parent">
Classes for help text
<ul class="uk-nav-sub">
<li>
<a routerLink="/classes" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Classes</span>
</a>
</li>
</ul>
</li>
<li class="uk-nav-header uk-parent">
<span uk-icon="world" class="uk-icon"></span>
Entities & pages
<ul class="uk-nav-sub">
<li>
<a routerLink="/entities" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Activate entities</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" [queryParams]="{communityId: this.communityId}">
<span>Pages</span>
</a>
<ul class="uk-nav-sub">
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'search', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Search</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'link', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Link</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'share', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Share</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'landing', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Landing</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'html', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Html</span>
</a>
</li>
<li>
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'other', communityId: this.communityId}" [routerLinkActiveOptions]="{exact:true}">
<span>Other</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="uk-nav-header uk-parent">
<span class="uk-margin-small-right uk-icon" uk-icon="file-edit"></span>
Help texts
<ul class="uk-nav-sub">
<li>
<a routerLink="/pageContents" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span>Page help texts</span>
</a>
</li>
<li>
<a routerLink="/classContents" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span>Class help texts</span>
</a>
</li>
</ul>
</li>
<li *ngIf="communityId != 'openaire'" class="uk-nav-header uk-parent">
<a routerLink="/stats" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span><span class="uk-margin-small-right uk-icon" uk-icon="image"></span> Statistics & charts</span>
</a>
</li>
<li *ngIf="communityId != 'openaire'" class="uk-nav-header uk-parent">
<a routerLink="/claims" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span><span class="uk-margin-small-right uk-icon" uk-icon="link"></span> Links</span>
</a>
</li>
<li *ngIf="communityType && communityType == 'ri' && communityId!='openaire'" class="uk-nav-header uk-parent">
<a routerLink="/mining/manage-profiles" [queryParams]="{communityId: this.communityId}" routerLinkActive="active">
<span><span class="uk-margin-small-right uk-icon" uk-icon="settings"></span> Text mining rules</span>
</a>
</li>
<li *ngIf="communityId != 'openaire'" class="uk-nav-header uk-parent">
<span class="uk-margin-small-right uk-icon" uk-icon="user"></span>
Users
<ul class="uk-nav-sub">
<li>
<a routerLink="/manage-subscribers" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Subscribers</span>
</a>
</li>
<li>
<a [href]="'https://beta.'+this.communityId+'.openaire.eu/invite'" target="_blank">
<span>Invite to subscribe</span>
</a>
</li>
<li>
<a routerLink="/manage-user-notifications" routerLinkActive="active" [queryParams]="{communityId: this.communityId}">
<span>Notification settings </span>
</a>
</li>
</ul>
</li>
</ul>
</div>-->
<sidebar *ngIf="showSidebar" [menuItems]="sideMenuItems" class="uk-width-1-5 uk-light sidebar uk-margin-top uk-margin-left"></sidebar>
<div class="uk-width-expand uk-container uk-margin-large-top uk-margin-medium-bottom">
<!-- <div class="uk-width-expand"> -->
<router-outlet></router-outlet>
</div>
<!-- <!--
<feedback *ngIf= "properties" portalName="Admin" [feedbackQuestionaire]=properties.feedbackQuestionaire></feedback> <feedback *ngIf= "properties" portalName="Admin" [feedbackQuestionaire]=properties.feedbackQuestionaire></feedback>
--> -->

View File

@ -32,6 +32,7 @@ export class AppComponent implements OnInit{
properties: EnvProperties = null; properties: EnvProperties = null;
isPortalAdministrator = false; isPortalAdministrator = false;
showSidebar: boolean; showSidebar: boolean;
wellcome = false;
constructor(private route: ActivatedRoute, constructor(private route: ActivatedRoute,
private propertiesService: EnvironmentSpecificService, private propertiesService: EnvironmentSpecificService,
@ -40,6 +41,11 @@ export class AppComponent implements OnInit{
router.events.forEach((event) => { router.events.forEach((event) => {
if (event instanceof NavigationStart) { if (event instanceof NavigationStart) {
HelperFunctions.scroll(); HelperFunctions.scroll();
if(event.url === '/') {
this.wellcome = true;
} else {
this.wellcome = false;
}
} }
}); });
} }

View File

@ -1,128 +1,81 @@
import {Component, Input, OnInit} from '@angular/core'; import {Component, Input, OnInit} from '@angular/core';
import { Location } from '@angular/common'; import {Session} from '../../openaireLibrary/login/utils/helper.class';
import {Session} from "../../openaireLibrary/login/utils/helper.class"; import {EnvProperties} from '../../openaireLibrary/utils/properties/env-properties';
import {MenuItem} from "../../openaireLibrary/sharedComponents/menu"; import {ActivatedRoute} from '@angular/router';
import {EnvProperties} from "../../openaireLibrary/utils/properties/env-properties"; import {EnvironmentSpecificService} from '../../openaireLibrary/utils/properties/environment-specific.service';
import {ActivatedRoute} from "@angular/router"; import {CommunitiesService} from '../../openaireLibrary/connect/communities/communities.service';
import {EnvironmentSpecificService} from "../../openaireLibrary/utils/properties/environment-specific.service"; import {CommunityInfo} from '../../openaireLibrary/connect/community/communityInfo';
import {CommunitiesService} from "../../openaireLibrary/connect/communities/communities.service"; import {HelperFunctions} from '../../openaireLibrary/utils/HelperFunctions.class';
import {CommunityInfo} from "../../openaireLibrary/connect/community/communityInfo";
import {HelperFunctions} from "../../openaireLibrary/utils/HelperFunctions.class";
@Component({ @Component({
selector: 'wellcome', selector: 'wellcome',
template: ` template: `
<!-- <div class="image-front-topbar uk-section-default" tm-header-transparent="light" tm-header-transparent-placeholder="">--> <div class="image-front-topbar wellcomePage uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light" tm-header-transparent-placeholder=""
<!-- <div class="wellcomePage uk-width-1-1 uk-margin-left uk-margin-top uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20" style="box-sizing: border-box; min-height: calc(-113.367px + 100vh); height: calc(-113.367px + 100vh);">--> uk-height-viewport="offset-top: true">
<!-- <div class="uk-width-1-1">--> <div *ngIf="communities.length == 0" class="uk-container uk-container-large uk-section uk-margin-large-top">
<!-- <div class="uk-position-relative">--> <div class="uk-width-2-5@m uk-width-1-1@s">
<h1 class="font-41">A <b>Science Gateway</b> to the future of your <b>Community</b></h1>
<div class="image-front-topbar uk-section-default" tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-text-large">Turn Open Science into Practice. It takes your open and linked research outcomes. A service
<div class="wellcomePage uk-width-1-1 uk-margin-left uk-margin-top uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom" uk-height-viewport="offset-top: true;offset-bottom: 20" style="box-sizing: border-box; min-height: calc(-113.367px + 100vh); height: calc(-113.367px + 100vh);"> customized to your needs.
<div class="uk-position-relative"> </div>
</div>
<!-- <div class="image-front-topbar uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light" tm-header-transparent-placeholder="">--> <div class="uk-width-1-1 uk-inline uk-margin-large-top uk-margin-large-bottom">
<!-- <div style=" min-height: calc(7.89999px + 60vh);"--> <a class="uk-button portal-button" href="https://beta.connect.openaire.eu/about"> LEARN
<!-- class=" wellcomePage uk-background-norepeat uk-background-cover uk-section uk-padding-remove-bottom" >--> HOW</a>
<!-- <div class="uk-position-cover" style=""></div>--> </div>
<!-- <div class="uk-position-relative uk-panel">--> </div>
<!-- <div class="uk-position-relative uk-panel">--> <div *ngIf="communities.length > 0" class="uk-container uk-container-large uk-section">
<div class="uk-container">
<div class="uk-container uk-section uk-margin-medium"> <div class="uk-grid-match uk-grid-small uk-child-width-1-4@m uk-child-width-1-2@s uk-child-width-1-1@xs
<!-- <div class="tm-header-placeholder uk-margin-medium" style=""></div>-->
<!-- <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">-->
<!-- <div class="uk-width-1-1@m uk-first-column">-->
<!-- <h1 class="uk-text-left uk-heading-hero uk-text-primary uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="">-->
<!-- Research Community <br>Administration Dashboard-->
<!-- </h1>-->
<!-- <h2 class="uk-text-left uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="">-->
<!-- Are you a community manager?<br> Configure your Research Community Dashboard-->
<!-- </h2>-->
<!-- </div>-->
<h3 class="uk-margin-remove-bottom">Embrace Open Science with OpenAIRE Connect</h3>
<h5 class="uk-margin-remove-top">A platform to manage your community profile and to share, access and link community research results</h5>
<div *ngIf="communities.length == 0" class="uk-width-1-2 uk-inline uk-margin-large-top uk-margin-large-bottom">
<div class="uk-position-center ">
<div class="uk-width-medium uk-text-center">
<h5>Create and manage your research community page</h5>
<div>
<a class="uk-button portal-button" href="https://beta.connect.openaire.eu/how-to-create-community"> LEARN HOW</a>
</div>
</div>
</div>
<br>
</div>
<div *ngIf="communities.length > 0" class="uk-container uk-section uk-margin-medium">
<div class="uk-container">
<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-text-center" uk-grid>
<div *ngFor="let community of communities;"> <div *ngFor="let community of communities;">
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default"> <div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard">
<div class="uk-container" *ngIf="community" > <div class="uk-container" *ngIf="community">
<span> <div class="uk-card-media-top uk-margin-top uk-padding-small">
<div class="uk-card-media-top"> <a [queryParams]="{communityId: community.communityId}" routerLinkActive="router-link-active"
<a [queryParams]="{communityId: community.communityId}" routerLinkActive="router-link-active" routerLink="/dashboard"> routerLink="/dashboard">
<div style="" class="uk-margin-auto communitiesImageBox"> <div style="" class="uk-margin-auto communitiesImageBox">
<img *ngIf= "community.logoUrl != null && community.logoUrl != '' " <div class="communitiesImageBox uk-position-relative uk-align-center">
src="{{community.logoUrl}}" alt="{{(community.title)?community.title:community.shortTitle}} <img *ngIf= "community.logoUrl != null && community.logoUrl != '' " src="{{community.logoUrl}}" alt="{{(community.title)?community.title:community.shortTitle}} logo" class="uk-position-center">
logo" class="uk-height-small uk-responsive-height uk-padding-small"> <span *ngIf= "community.logoUrl == null || community.logoUrl == '' "class="uk-icon uk-position-center">
<span *ngIf= "community.logoUrl == null || community.logoUrl == '' " class="uk-icon uk-padding-small"> <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
<svg width="50" height="37" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> </span>
<circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle>
<path fill="none" stroke="#000" stroke-width="1.1"
d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3">
</path>
<path fill="none" stroke="#000" stroke-width="1.1"
d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1">
</path>
</svg>
</span>
</div>
<div class="uk-text-center">
<p class="uk-text-small uk-text-bold uk-margin-small uk-margin-small-top community-title">
<a>
<span class="uk-text-small uk-margin-small" *ngIf="community.title" >
{{community.title}}
</span>
<span class="uk-text-small uk-margin-small" *ngIf="!community.title && community.shortTitle" >
{{community.shortTitle}}
</span>
</a>
</p>
</div>
</a>
</div> </div>
</span>
</div> </div>
</div> <div class="uk-margin-top">
<div class="uk-text-center">
<p class="uk-text-small uk-text-bold uk-margin-small uk-margin-small-top community-title">
<a>
<span class="uk-text-small uk-margin-small" *ngIf="community.title">
{{community.title}}
</span>
<span class="uk-text-small uk-margin-small" *ngIf="!community.title && community.shortTitle">
{{community.shortTitle}}
</span>
</a>
</p>
</div>
</div>
</a>
</div> </div>
</div>
</div> </div>
</div> </div>
</div>
</div>
<!-- </div>--> </div>
</div>
</div> </div>
</div> </div>
</div> `
<!-- </div>-->
`
}) })
export class WellcomeComponent implements OnInit { export class WellcomeComponent implements OnInit {
properties: EnvProperties = null; properties: EnvProperties = null;
public communities: CommunityInfo[] = []; public communities: CommunityInfo[] = [];
constructor( private route: ActivatedRoute, private propertiesService: EnvironmentSpecificService, private _communitiesService: CommunitiesService) {} constructor(private route: ActivatedRoute, private propertiesService: EnvironmentSpecificService, private _communitiesService: CommunitiesService) {
}
ngOnInit() { ngOnInit() {
this.propertiesService.loadEnvironment().then(es => { this.propertiesService.loadEnvironment().then(es => {

View File

@ -57,7 +57,7 @@
} }
.wellcomePage{ .wellcomePage{
background-image: url("../imgs/wellcome.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(100vh - 412.767px); background-image: url("../imgs/wellcome.png"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(100vh - 412.767px);
} }
.sidebar{ .sidebar{
background-color: #9C9C9C; background-color: #9C9C9C;
@ -102,8 +102,15 @@
} }
.communitiesImageBox{ .communitiesImageBox{
width:284px; height:109px; width:107px; height:57px;
/*width:107px; height:57px;*/ }
.communityCard {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.font-41 {
font-size: 41px;
} }
.iframeContainer{ .iframeContainer{

Binary file not shown.

Before

Width:  |  Height:  |  Size: 322 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB