[Trunk|Connect]:
New page 'how-to-create-community' created. Images 'admin-portal.png' & 'community-first-page.png' added for the new page. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@55249 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni
parent
9170447523
commit
a036d1fb54
|
|
@ -8,6 +8,7 @@ import { OpenaireErrorPageComponent } from './error/errorPage.component';
|
|||
|
||||
const routes: Routes = [
|
||||
{ path: '', loadChildren: './communitywrapper/communityWrapper.module#CommunityWrapperModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
|
||||
{ path: 'how-to-create-community', loadChildren: './createCommunity/community-creation-instructions.module#CommunityCreationInstructionsModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
|
||||
{ path: 'invite', loadChildren: './utils/subscribe/invite/invite.module#InviteModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
|
||||
{ path: 'about', loadChildren: './htmlPages/about/aboutPage.module#AboutPageModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
|
||||
{ path: 'content', loadChildren: './content/contentPage.module#ContentPageModule', resolve: { envSpecific: EnvironmentSpecificResolver }},
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
import {NgModule} from '@angular/core';
|
||||
import {RouterModule} from '@angular/router';
|
||||
|
||||
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
|
||||
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
|
||||
|
||||
import {CommunityCreationInstructionsComponent} from './community-creation-instructions.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
RouterModule.forChild([
|
||||
{ path: '', component: CommunityCreationInstructionsComponent, canActivate: [FreeGuard], canDeactivate: [PreviousRouteRecorder] }
|
||||
|
||||
])
|
||||
]
|
||||
})
|
||||
export class CommunityCreationInstructionsRoutingModule { }
|
||||
|
|
@ -0,0 +1,167 @@
|
|||
import {Component, Input} from '@angular/core';
|
||||
import {ActivatedRoute, Router} from '@angular/router';
|
||||
|
||||
import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
|
||||
|
||||
@Component({
|
||||
selector: 'community-creation-instructions',
|
||||
template: `
|
||||
<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 style=" min-height: calc(7.89999px + 60vh);"
|
||||
class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom" >
|
||||
<div class="uk-position-cover" style=""></div>
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div class="uk-container uk-section">
|
||||
<div>
|
||||
<h3 class="uk-margin-remove-bottom uk-margin-large-top">Discover the power of OpenAIRE Connect managing tool</h3>
|
||||
<h5 class="uk-margin-remove-top">Bring your content online</h5>
|
||||
|
||||
<div class="uk-width-1-2 uk-text-center uk-margin-large-top">
|
||||
<p>Contact OpenAIRE team, in order to create your community page</p>
|
||||
<div>
|
||||
<a class="uk-button portal-button uk-button-large" [queryParams]="" routerLinkActive="router-link-active" routerLink="/contact"> CONTACT US</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<div class="uk-margin-bottom uk-margin-top">
|
||||
<div class="uk-container uk-margin-large-top">
|
||||
<h3>OpenAIRE Connect managing tool at a glance</h3>
|
||||
<div class="uk-inline uk-dark">
|
||||
<img src="assets/admin-portal.png" alt="OpenAIRE" >
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Your logo goes here')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 20%; top: 5%" uk-marker>
|
||||
<!--span uk-icon="plus"></span-->
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Confugure your community profile')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 22%; top: 24%" uk-marker>
|
||||
<!--span uk-icon="plus"></span-->
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Connect with subjects, projects, content providers & Zenodo communities')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 46%; top: 24%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Choose statistics and charts to be publicly available')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 70%; top: 24%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Curate links of research results')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 22%; top: 64%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Add help texts in your pages for extra information')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 46%; top: 64%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Invite collaborators and users')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 70%; top: 64%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-container uk-margin-large-top">
|
||||
<h3>Community public page</h3>
|
||||
<div uk-grid uk-grid-match>
|
||||
<div class="uk-width-1-3 uk-card">
|
||||
<div class="uk-text-center uk-position-center ">
|
||||
<p>Contact OpenAIRE team, in order to create your community page</p>
|
||||
<div>
|
||||
<a [class]="'uk-button portal-button uk-button-large'"> CONTACT US</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-2-3 uk-text-center">
|
||||
<div class="uk-inline uk-dark">
|
||||
<img src="assets/community-first-page.png" alt="OpenAIRE">
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Community content at a glance')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="right: 6%; top: 16%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Locate Research Results')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="right: 26%; top: 36%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
<a [attr.uk-tooltip]="'title: ' + createTooltip('Recent research results and related graphs')"
|
||||
class="uk-position-absolute uk-transform-center uk-icon uk-marker"
|
||||
style="left: 60%; top: 54%" uk-marker>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="marker"><rect x="9" y="4" width="1" height="11"></rect><rect x="4" y="9" width="11" height="1"></rect></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-section-muted uk-margin-large-top">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-margin-large-top uk-margin-large-bottom">
|
||||
<div class="uk-margin uk-panel">
|
||||
<h4 class="uk-margin uk-h4 uk-text-bold">
|
||||
Why trust OpenAIRE?
|
||||
</h4>
|
||||
<ul class="uk-list uk-list-bullet">
|
||||
<li>It is the Open Access Infrastructure for Europe.</li>
|
||||
<li>It is community based and independent.</li>
|
||||
<li>Provides organizational and technical framework to support OpenScience.</li>
|
||||
<li>It is part of the European Open Science Cloud.</li>
|
||||
<li>Provides access to over 25 million research outputs and services that enable their access, link and reuse.</li>
|
||||
<li>Ensures that all data come from trusted sources.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
`
|
||||
})
|
||||
|
||||
export class CommunityCreationInstructionsComponent {
|
||||
public piwiksub: any;
|
||||
|
||||
public pageTitle = "OpenAIRE"
|
||||
|
||||
properties:EnvProperties;
|
||||
|
||||
constructor (
|
||||
private route: ActivatedRoute,
|
||||
private _router: Router) {
|
||||
|
||||
var description = "OpenAIRE - Connect, Community Dashboard, research community";
|
||||
var title = "OpenAIRE - Connect";
|
||||
}
|
||||
|
||||
public ngOnInit() {
|
||||
this.route.data
|
||||
.subscribe((data: { envSpecific: EnvProperties }) => {
|
||||
this.properties = data.envSpecific;
|
||||
var url = data.envSpecific.baseLink+this._router.url;
|
||||
});
|
||||
}
|
||||
|
||||
public ngOnDestroy() {}
|
||||
|
||||
public createTooltip(content: string) : string {
|
||||
return "<div class=\"uk-text-center uk-text-bold uk-padding-small\">"+content+"</div>";
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import { NgModule} from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { RouterModule } from '@angular/router';
|
||||
|
||||
import {FreeGuard} from '../openaireLibrary/login/freeGuard.guard';
|
||||
import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
|
||||
|
||||
import {CommunityCreationInstructionsComponent} from './community-creation-instructions.component';
|
||||
import {CommunityCreationInstructionsRoutingModule} from './community-creation-instructions-routing.module';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule, RouterModule, CommunityCreationInstructionsRoutingModule
|
||||
],
|
||||
declarations: [
|
||||
CommunityCreationInstructionsComponent
|
||||
],
|
||||
exports: [
|
||||
CommunityCreationInstructionsComponent
|
||||
],
|
||||
providers:[
|
||||
FreeGuard, PreviousRouteRecorder
|
||||
]
|
||||
})
|
||||
export class CommunityCreationInstructionsModule { }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Loading…
Reference in New Issue