[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
parent
4328532151
commit
4ab3cb91e4
|
|
@ -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>
|
||||||
-->
|
-->
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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 => {
|
||||||
|
|
|
||||||
|
|
@ -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 |
Loading…
Reference in New Issue