[Connect|Trunk]: Remove FAQs section and add a helper div with id about-FAQs.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56506 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
8b742cd51b
commit
fcbd25798d
|
@ -61,8 +61,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" class="uk-grid">
|
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" class="uk-grid">
|
||||||
<div class="uk-width-1-2@m uk-width-1-1@s">
|
<div class="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 an Open Research <b>Gateway</b> for your <b>Community</b></h1>
|
||||||
<div class="uk-h5 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>
|
<h4 class="uk-margin-remove-top">Turn Open Science into practice</h4>
|
||||||
|
<div class="uk-h5 uk-margin-top">Share and link your research results.<br>
|
||||||
|
Across organizations, across borders.<br>Customized to your needs.</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-medium-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
|
||||||
|
@ -76,7 +78,7 @@
|
||||||
<div *ngIf="!loading">
|
<div *ngIf="!loading">
|
||||||
<div class="uk-margin-large-bottom uk-margin-large-top">
|
<div class="uk-margin-large-bottom uk-margin-large-top">
|
||||||
<div class="uk-container uk-container-large uk-margin-medium-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">Open and FAIR science is our mission</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">
|
||||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin" uk-grid>
|
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin" uk-grid>
|
||||||
|
@ -194,7 +196,7 @@
|
||||||
<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 && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-top uk-margin-medium-bottom">
|
<div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-top uk-margin-medium-bottom">
|
||||||
<h1 class="uk-text-bold">Community Gateways already in action</h1>
|
<h1 class="uk-text-bold">Community Gateways in Action</h1>
|
||||||
<div [class]="'uk-margin-medium-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-medium 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-medium 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">
|
||||||
|
|
|
@ -175,27 +175,27 @@ export class CommunitiesComponent {
|
||||||
|
|
||||||
private createGifs() {
|
private createGifs() {
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/home/gifs/deposit.gif",
|
gif: "assets/home/gifs/deposit.gif",
|
||||||
header: "Find a repository to deposit your research outcome",
|
header: "Find a repository to deposit your research outcome",
|
||||||
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/home/gifs/link.gif",
|
gif: "assets/home/gifs/link.gif",
|
||||||
header: "Link your research output with your community, funding, and other research products",
|
header: "Link your research output with your community, funding, and other research products",
|
||||||
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/home/gifs/overview.gif",
|
gif: "assets/home/gifs/overview.gif",
|
||||||
header: "View community's overview at a glance",
|
header: "View community's overview at a glance",
|
||||||
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/home/gifs/results.gif",
|
gif: "assets/home/gifs/results.gif",
|
||||||
header: "Search & browse your community's research products. ",
|
header: "Search & browse your community's research products. ",
|
||||||
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/home/gifs/graph-analysis.gif",
|
gif: "assets/home/gifs/graph-analysis.gif",
|
||||||
header: "View statistics for your community's research products.",
|
header: "View statistics for your community's research products.",
|
||||||
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
|
||||||
});
|
});
|
||||||
|
|
|
@ -96,35 +96,12 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="questions.length > 0" class="uk-container">
|
<helper div="about-FAQs"></helper>
|
||||||
<h1 class="uk-margin-remove-bottom uk-margin-large-top uk-width-1-1">Frequently Asked Questions</h1>
|
|
||||||
<div class="uk-width-1-1 uk-section">
|
|
||||||
<ul uk-accordion>
|
|
||||||
<li *ngFor="let question of questions; let i=index" [ngClass]="(i===0)?'uk-open':''">
|
|
||||||
<a class="uk-accordion-title">{{question.question}}</a>
|
|
||||||
<div class="uk-accordion-content uk-height-max-small uk-overflow-auto">
|
|
||||||
<p>{{question.answer}}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
export class LearnHowComponent {
|
export class LearnHowComponent {
|
||||||
public piwiksub: any;
|
public piwiksub: any;
|
||||||
questions: FAQ[] = [
|
|
||||||
/*{
|
|
||||||
question: 'Coming soon?',
|
|
||||||
answer: 'Yes'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
question: 'Could you be more specific?',
|
|
||||||
answer: 'No'
|
|
||||||
}*/
|
|
||||||
];
|
|
||||||
public gifs: {"gif": string, "header": string, "text"}[] = [];
|
public gifs: {"gif": string, "header": string, "text"}[] = [];
|
||||||
|
|
||||||
|
|
||||||
|
@ -160,32 +137,32 @@ export class LearnHowComponent {
|
||||||
|
|
||||||
private createGifs() {
|
private createGifs() {
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/profile.gif",
|
gif: "assets/about/gifs/profile.gif",
|
||||||
header: "Profile",
|
header: "Profile",
|
||||||
text: "Edit community information, change logo url, add community managers or organizations related to community."
|
text: "Edit community information, change logo url, add community managers or organizations related to community."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/content.gif",
|
gif: "assets/about/gifs/content.gif",
|
||||||
header: "Content",
|
header: "Content",
|
||||||
text: "Manage projects, content providers, subjects and zenodo communities that are related to the research community."
|
text: "Manage projects, content providers, subjects and zenodo communities that are related to the research community."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/statistics.gif",
|
gif: "assets/about/gifs/statistics.gif",
|
||||||
header: "Statistics & Charts",
|
header: "Statistics & Charts",
|
||||||
text: "Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views."
|
text: "Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/links.gif",
|
gif: "assets/about/gifs/links.gif",
|
||||||
header: "Links",
|
header: "Links",
|
||||||
text: " Manage user claims related to the research community."
|
text: " Manage user claims related to the research community."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/help.gif",
|
gif: "assets/about/gifs/help.gif",
|
||||||
header: " Help texts",
|
header: " Help texts",
|
||||||
text: "Add or edit help text in research community pages."
|
text: "Add or edit help text in research community pages."
|
||||||
});
|
});
|
||||||
this.gifs.push({
|
this.gifs.push({
|
||||||
gif: "../../../../assets/about/gifs/users.gif",
|
gif: "assets/about/gifs/users.gif",
|
||||||
header: "Users",
|
header: "Users",
|
||||||
text: "Invite more users to subscribe, manage community subscribers, your personal info and notification settings."
|
text: "Invite more users to subscribe, manage community subscribers, your personal info and notification settings."
|
||||||
});
|
});
|
||||||
|
|
|
@ -9,10 +9,11 @@ import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.servic
|
||||||
import {LearnHowComponent} from "./learn-how.component";
|
import {LearnHowComponent} from "./learn-how.component";
|
||||||
import {LearnHowRoutingModule} from "./learn-how-routing.module";
|
import {LearnHowRoutingModule} from "./learn-how-routing.module";
|
||||||
import {GifSliderModule} from "../openaireLibrary/utils/gif-slider/gif-slider.module";
|
import {GifSliderModule} from "../openaireLibrary/utils/gif-slider/gif-slider.module";
|
||||||
|
import {HelperModule} from "../openaireLibrary/utils/helper/helper.module";
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule
|
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule, HelperModule
|
||||||
],
|
],
|
||||||
declarations: [
|
declarations: [
|
||||||
LearnHowComponent
|
LearnHowComponent
|
||||||
|
|
Loading…
Reference in New Issue