progress on develop page re-design

This commit is contained in:
Alex Martzios 2022-02-24 14:26:36 +02:00
parent ab4c684e6d
commit 07f5c322a2
4 changed files with 141 additions and 5 deletions

View File

@ -1,4 +1,4 @@
.uk-card {
/* .uk-card {
box-shadow: 0 6px 15px #0000001A;
border-radius: 36px;
padding: 65px;
@ -57,4 +57,4 @@ ul.portal-circle li:before {
.documentation {
padding: 10px;
}
}
} */

View File

@ -11,7 +11,111 @@ import {StakeholderUtils} from "../utils/indicator-utils";
@Component({
selector: 'develop',
template: `
<div page-content>
<div page-content>
<div inner>
<div class="uk-section uk-container uk-container-large uk-margin-large-top">
<div class="uk-padding-small">
<h1>Help developers <br> with OpenAIRE APIs<span class="uk-text-primary">.</span></h1>
</div>
</div>
<div class="uk-section uk-container uk-container-large uk-padding-remove-top">
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-3" uk-grid>
<div class="uk-text-center uk-margin-large-top">
<div class="uk-icon-bg-shadow uk-margin-auto">
<icon name="description" [flex]="true" ratio="2" visuallyHidden="For research outcomes"></icon>
</div>
<h3>For research outcomes</h3>
<div class="uk-margin-small-bottom">
For research outcomes (publications, datasets, software and other research data) you can use the Selective Access APIs by adding the funder parameter.
</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
href="https://graph.openaire.eu/develop/api.html" target="_blank">
<span class="uk-flex uk-flex-middle">
<span>Selective Access APIs</span>
</span>
</a>
</div>
<div>
<img src="assets/apis.svg" alt="">
</div>
<div class="uk-text-center uk-margin-large-top">
<div class="uk-icon-bg-shadow uk-margin-auto">
<icon name="content_paste" [flex]="true" ratio="2" visuallyHidden="For projects"></icon>
</div>
<h3>For projects</h3>
<div class="uk-margin-small-bottom">
For projects you can use the Selective Access APIs and the Bulk Access APIs.
</div>
<div class="uk-flex uk-flex-column uk-flex-center uk-flex-middle">\
<a class="uk-display-inline-block uk-text-uppercase uk-button-text uk-margin-small-bottom"
href="https://graph.openaire.eu/develop/api.html" target="_blank">
<span class="uk-flex uk-flex-middle">
<span>Selective Access APIs</span>
</span>
</a>
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
href="https://graph.openaire.eu/develop/bulk-projects.html" target="_blank">
<span class="uk-flex uk-flex-middle">
<span>Bulk Access APIs</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
<div>
<div>Request examples for research outcomes:</div>
<ul class="uk-list uk-list-disc">
<li>
<span class="uk-text-bold">Access Publications</span><br>
<span class="uk-text-bold uk-margin-small-right">GET</span>
<span class="">https://api.openaire.eu/search/publications?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access Open Access Publications</span><br>
<span class="uk-text-bold uk-margin-small-right">GET</span>
<span class="uk-text-break">http://api.openaire.eu/search/publications?funder={{stakeholder.index_shortName}}&OA=true</span>
</li>
<li>
<span class="uk-text-bold">Access Datasets</span><br>
<span class="uk-text-bold uk-margin-small-right">GET</span>
<span class="uk-text-break">https://api.openaire.eu/search/datasets?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access Software</span><br>
<span class="uk-text-bold uk-margin-small-right">GET</span>
<span class="uk-text-break">https://api.openaire.eu/search/software?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">Access Other Research</span><br>
<span class="uk-text-bold uk-margin-small-right">GET</span>
<span class="uk-text-break">https://api.openaire.eu/search/other?funder={{stakeholder.index_shortName}}</span>
</li>
</ul>
</div>
<div>
<div>Request examples for projects:</div>
<ul class="uk-list uk-list-disc">
<li>
<span class="uk-text-bold">For the Selective Access</span><br>
<span class="uk-text-break">https://api.openaire.eu/search/projects?funder={{stakeholder.index_shortName}}</span>
</li>
<li>
<span class="uk-text-bold">For the Bulk Access</span><br>
<span class="uk-text-bold uk-text-nowrap">DSpace endpoint:</span>
<span class="uk-text-break uk-margin-small-left">https://api.openaire.eu/projects/dspace/{{stakeholder.index_shortName}}/ALL/ ALL</span><br>
<span class="uk-text-bold uk-text-nowrap">ePrints endpoint:</span>
<span class="uk-text-break uk-margin-small-left">https://api.openaire.eu/projects/eprints/{{stakeholder.index_shortName}}/ALL/ ALL</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- <div page-content>
<div inner>
<div *ngIf="stakeholder" class="uk-container uk-container-large uk-section-small">
<h1 class="uk-text-center uk-h2">
@ -98,7 +202,7 @@ import {StakeholderUtils} from "../utils/indicator-utils";
</div>
</div>
</div>
</div>
</div> -->
`,
styleUrls: ['develop.component.css']
})

View File

@ -4,6 +4,7 @@ import {DevelopComponent} from "./develop.component";
import {RouterModule} from "@angular/router";
import {PreviousRouteRecorder} from "../openaireLibrary/utils/piwik/previousRouteRecorder.guard";
import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/page-content/page-content.module";
import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
@NgModule({
declarations: [DevelopComponent],
@ -13,7 +14,7 @@ import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/p
component: DevelopComponent,
canDeactivate: [PreviousRouteRecorder]
},
]), PageContentModule],
]), PageContentModule, IconsModule],
exports: [DevelopComponent]
})
export class DevelopModule {

31
src/assets/apis.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 48 KiB