[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:
k.triantafyllou 2019-07-12 10:12:16 +00:00
parent 8b742cd51b
commit fcbd25798d
4 changed files with 20 additions and 40 deletions

View File

@ -61,8 +61,10 @@
</div>
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" class="uk-grid">
<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>
<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>
<h1 class="font-41">Build an Open Research <b>Gateway</b> for your <b>Community</b></h1>
<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 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
@ -76,7 +78,7 @@
<div *ngIf="!loading">
<div class="uk-margin-large-bottom uk-margin-large-top">
<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 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>
@ -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>
<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-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">

View File

@ -175,27 +175,27 @@ export class CommunitiesComponent {
private createGifs() {
this.gifs.push({
gif: "../../../../assets/home/gifs/deposit.gif",
gif: "assets/home/gifs/deposit.gif",
header: "Find a repository to deposit your research outcome",
text: "This is OpenAIREs 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({
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",
text: "This is OpenAIREs 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({
gif: "../../../../assets/home/gifs/overview.gif",
gif: "assets/home/gifs/overview.gif",
header: "View community's overview at a glance",
text: "This is OpenAIREs 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({
gif: "../../../../assets/home/gifs/results.gif",
gif: "assets/home/gifs/results.gif",
header: "Search & browse your community's research products. ",
text: "This is OpenAIREs 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({
gif: "../../../../assets/home/gifs/graph-analysis.gif",
gif: "assets/home/gifs/graph-analysis.gif",
header: "View statistics for your community's research products.",
text: "This is OpenAIREs 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."
});

View File

@ -96,35 +96,12 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
</div>
</div>
</div>
<div *ngIf="questions.length > 0" class="uk-container">
<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>
<helper div="about-FAQs"></helper>
</div>
`
})
export class LearnHowComponent {
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"}[] = [];
@ -160,32 +137,32 @@ export class LearnHowComponent {
private createGifs() {
this.gifs.push({
gif: "../../../../assets/about/gifs/profile.gif",
gif: "assets/about/gifs/profile.gif",
header: "Profile",
text: "Edit community information, change logo url, add community managers or organizations related to community."
});
this.gifs.push({
gif: "../../../../assets/about/gifs/content.gif",
gif: "assets/about/gifs/content.gif",
header: "Content",
text: "Manage projects, content providers, subjects and zenodo communities that are related to the research community."
});
this.gifs.push({
gif: "../../../../assets/about/gifs/statistics.gif",
gif: "assets/about/gifs/statistics.gif",
header: "Statistics & Charts",
text: "Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views."
});
this.gifs.push({
gif: "../../../../assets/about/gifs/links.gif",
gif: "assets/about/gifs/links.gif",
header: "Links",
text: " Manage user claims related to the research community."
});
this.gifs.push({
gif: "../../../../assets/about/gifs/help.gif",
gif: "assets/about/gifs/help.gif",
header: " Help texts",
text: "Add or edit help text in research community pages."
});
this.gifs.push({
gif: "../../../../assets/about/gifs/users.gif",
gif: "assets/about/gifs/users.gif",
header: "Users",
text: "Invite more users to subscribe, manage community subscribers, your personal info and notification settings."
});

View File

@ -9,10 +9,11 @@ import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.servic
import {LearnHowComponent} from "./learn-how.component";
import {LearnHowRoutingModule} from "./learn-how-routing.module";
import {GifSliderModule} from "../openaireLibrary/utils/gif-slider/gif-slider.module";
import {HelperModule} from "../openaireLibrary/utils/helper/helper.module";
@NgModule({
imports: [
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule, HelperModule
],
declarations: [
LearnHowComponent