From 7e364aff820cff5e71d58c921caf66d6e23e8d95 Mon Sep 17 00:00:00 2001 From: Konstantina Galouni Date: Thu, 8 Oct 2020 14:20:26 +0000 Subject: [PATCH] [Trunk | Graph]: app/contact/ & assets/graph-assets/contact/: Add support (contact) page and assets. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59521 d315682c-612b-4755-9ff5-7f18f6832af3 --- src/app/contact/contact.component.css | 32 +++-- src/app/contact/contact.component.html | 111 ++++++++++++++---- src/app/contact/contact.component.ts | 23 +++- .../graph-assets/contact/documentation.svg | 1 + src/assets/graph-assets/contact/howto.svg | 1 + src/assets/graph-assets/contact/webinars.svg | 1 + 6 files changed, 131 insertions(+), 38 deletions(-) create mode 100644 src/assets/graph-assets/contact/documentation.svg create mode 100644 src/assets/graph-assets/contact/howto.svg create mode 100644 src/assets/graph-assets/contact/webinars.svg diff --git a/src/app/contact/contact.component.css b/src/app/contact/contact.component.css index f6cdd13..0f74e3a 100644 --- a/src/app/contact/contact.component.css +++ b/src/app/contact/contact.component.css @@ -1,14 +1,24 @@ -.contact { - background-image: url("/assets/usage-statistics-assets/contact/1.svg"); - background-size: auto; - background-repeat: no-repeat; - background-position: 0 0; +.link-card { + border: 1px solid #E0E0E0 !important; + border-radius: 5px !important; + box-shadow: 0px 6px 15px #0000001A !important; } -.contact-card { - background: rgba(255, 255, 255, 0.5) 0 0 no-repeat padding-box; - box-shadow: 1px 3px 6px #00000029; - border: 1px solid #E0E0E0; - border-radius: 5px; - padding: 20px 80px; +.faq-card { + border: 1px solid #D1D1D1 !important; + border-radius: 4px !important; + box-shadow: none !important; } + +.uk-accordion .color { + color: #1A1A1A !important; + opacity: 0.8 !important; +} + +.uk-accordion-title::before { + background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20data-svg%3D%27chevron-down%27%3E%20%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.00%27%20points%3D%2716%207%2010%2013%204%207%27%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"); +} + +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-svg%3D%22chevron-up%22%3E%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.00%22%20points%3D%224%2013%2010%207%2016%2013%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"); +} \ No newline at end of file diff --git a/src/app/contact/contact.component.html b/src/app/contact/contact.component.html index 10fe9b3..96bacca 100644 --- a/src/app/contact/contact.component.html +++ b/src/app/contact/contact.component.html @@ -1,37 +1,96 @@
-

Support

-
-
-
-
- -
-
- -
+

Support

+
+
+

Do you have a question? Contact us.

+ +
+
-
-
- +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Documentation + + +
+
+
-
- + +
+
+
+
+
+ +
+
+ + Webinars + + +
+
+
+
+ +
+
+
+
+
+
+
+ + How to + + +
+
+
-
-
-
+
+

FAQs

+
+ +
+
+
diff --git a/src/app/contact/contact.component.ts b/src/app/contact/contact.component.ts index 54492f8..38541a4 100644 --- a/src/app/contact/contact.component.ts +++ b/src/app/contact/contact.component.ts @@ -8,6 +8,7 @@ import {Title} from '@angular/platform-browser'; import {HelperFunctions} from '../openaireLibrary/utils/HelperFunctions.class'; import {FormBuilder, FormGroup, Validators} from '@angular/forms'; import {properties} from '../../environments/environment'; +import {FAQ} from "../openaireLibrary/utils/entities/FAQ"; @Component({ selector: 'contact', @@ -19,6 +20,7 @@ export class ContactComponent implements OnInit { public showLoading = true; public errorMessage = ''; public email: Email; + public faqs: FAQ[] = []; public properties: EnvProperties = properties; public contactForm: FormGroup; @@ -29,10 +31,11 @@ export class ContactComponent implements OnInit { private emailService: EmailService, private title: Title, private fb: FormBuilder) { + this.setFaqs(); } ngOnInit() { - this.title.setTitle('OpenAIRE - UsageCounts | Contact Us'); + this.title.setTitle('OpenAIRE - Research Graph | Contact Us'); this.email = {body: '', subject: '', recipients: []}; this.reset(); this.showLoading = false; @@ -101,4 +104,22 @@ export class ContactComponent implements OnInit { public goToHome() { this.router.navigate(['/']); } + + private setFaqs() { + this.faqs.push({ + "question": "What are \"trusted\" sources?", + "answer": "OpenAIRE data sources are considered \"trusted\" when researchers rely on them to share, discover, monitor, and assess their scientific products. " + + "Known sources collected by OpenAIRE are institutional repositories (e.g. university archives, libraries), catch-all repositories (e.g. Zenodo, Figshare, Dryad, B2Share, etc.), " + + "data repositories (e.g. Pangaea, GESIS, bio sources), thematic repositories (e.g. ArXiv, EuropePMC, RePec, etc.), " + + "Open Access publishers (e.g. F1000, OpenEdition, etc.), knowledge graphs (e.g. Microsoft Academic Graph, OpenCitations), " + + "registries (e.g. CrossRef, DataCite, ORCID, GRID.ac, OpenDOAR, re3data.org, etc), aggregators " + + "(e.g. Unpaywall, BASE, Scielo, DOAJ, CORE-UK, etc.), funders (e.g. European Commission, NSF, Wellcome Trust, etc.)." + }); + + this.faqs.push({ + "question": "What do you mean with “transparent graph”?", + "answer": "The OpenAIRE Research Graph is transparent because it keeps tracks of the provenance of each and every information it contains. " + + "For each field you can know if they have been collected from one of our sources, if it has been inferred (and with which algorithm and with which confidence level)" + }); + } } diff --git a/src/assets/graph-assets/contact/documentation.svg b/src/assets/graph-assets/contact/documentation.svg new file mode 100644 index 0000000..1c12d99 --- /dev/null +++ b/src/assets/graph-assets/contact/documentation.svg @@ -0,0 +1 @@ +graph 3 \ No newline at end of file diff --git a/src/assets/graph-assets/contact/howto.svg b/src/assets/graph-assets/contact/howto.svg new file mode 100644 index 0000000..a035e73 --- /dev/null +++ b/src/assets/graph-assets/contact/howto.svg @@ -0,0 +1 @@ +graph 2 \ No newline at end of file diff --git a/src/assets/graph-assets/contact/webinars.svg b/src/assets/graph-assets/contact/webinars.svg new file mode 100644 index 0000000..c03af37 --- /dev/null +++ b/src/assets/graph-assets/contact/webinars.svg @@ -0,0 +1 @@ +graph 1 \ No newline at end of file