diff --git a/explore/src/app/app-routing.module.ts b/explore/src/app/app-routing.module.ts index 61978296..435ee50d 100644 --- a/explore/src/app/app-routing.module.ts +++ b/explore/src/app/app-routing.module.ts @@ -9,6 +9,7 @@ const routes: Routes = [ //{ path: 'home', loadChildren: './home/home.module#HomeModule'}, {path: 'home', redirectTo: '', pathMatch: 'full'}, {path: 'mail-preferences', loadChildren: () => import('./userEmailPreferences/mailPrefs.module').then(m => m.LibMailPrefsModule)}, + {path: 'sdg', loadChildren: () => import('./sdg/sdg.module').then(m => m.SdgModule)}, // ORCID Pages {path: 'orcid', loadChildren: () => import('./orcid/orcid.module').then(m => m.LibOrcidModule)}, {path: 'my-orcid-links', loadChildren: () => import('./orcid/my-orcid-links/myOrcidLinks.module').then(m => m.LibMyOrcidLinksModule)}, diff --git a/explore/src/app/sdg/sdg-routing.module.ts b/explore/src/app/sdg/sdg-routing.module.ts new file mode 100644 index 00000000..81eea798 --- /dev/null +++ b/explore/src/app/sdg/sdg-routing.module.ts @@ -0,0 +1,13 @@ +import {NgModule} from '@angular/core'; +import {RouterModule} from '@angular/router'; + +import {SdgComponent} from './sdg.component'; +import {PreviousRouteRecorder} from '../openaireLibrary/utils/piwik/previousRouteRecorder.guard'; +@NgModule({ + imports: [ + RouterModule.forChild([ + { path: '', component: SdgComponent, canDeactivate: [PreviousRouteRecorder] } + ]) + ] +}) +export class SdgRoutingModule { } diff --git a/explore/src/app/sdg/sdg.component.css b/explore/src/app/sdg/sdg.component.css new file mode 100644 index 00000000..9171d3e4 --- /dev/null +++ b/explore/src/app/sdg/sdg.component.css @@ -0,0 +1,54 @@ +.sdg-card { + color: #F9F9F9 !important; +} +.sdg-1 { + background-color: #E6233D; +} +.sdg-2 { + background-color: #DF9F00; +} +.sdg-3 { + background-color: #19A220; +} +.sdg-4 { + background-color: #D70023; +} +.sdg-5 { + background-color: #FF0B00; +} +.sdg-6 { + background-color: #00BFE8; +} +.sdg-7 { + background-color: #FFC300; +} +.sdg-8 { + background-color: #B10240; +} +.sdg-9 { + background-color: #FF5D00; +} +.sdg-10 { + background-color: #F50D86; +} +.sdg-11 { + background-color: #FF8A00; +} +.sdg-12 { + background-color: #CA8A03; +} +.sdg-13 { + background-color: #2B772B; +} +.sdg-14 { + background-color: #0098DF; +} +.sdg-15 { + background-color: #00B91C; +} +.sdg-16 { + background-color: #0069A2; +} +.sdg-17 { + background-color: #1C336A; +} \ No newline at end of file diff --git a/explore/src/app/sdg/sdg.component.html b/explore/src/app/sdg/sdg.component.html new file mode 100644 index 00000000..16304a84 --- /dev/null +++ b/explore/src/app/sdg/sdg.component.html @@ -0,0 +1,50 @@ + +
+
+ +
+
+
+
+
+

Lorem ipsum dolor sit amet, consetetur.

+
+ We have implemented the UN Sustainable Development Goals ( SDGs) as a
classification scheme covering areas of research associated with one or more SDGs
(the majority of the SDGs are interrelated). The scheme uses automated allocation
of the 17 SDGs and their associated targets and indicators to all fitting documents in
Dimensions thereby addressing research areas aligned to the goals. +
+ + + Learn More + + +
+
+ +
+
+
+
+
+
+ +
+
+
+ 50 +

Research Outcomes

+
+
+ +
+
+
+ {{sdg.code}} +
+
+ {{sdg.label}} +
+
+ +
+
+
\ No newline at end of file diff --git a/explore/src/app/sdg/sdg.component.ts b/explore/src/app/sdg/sdg.component.ts new file mode 100644 index 00000000..6b74068b --- /dev/null +++ b/explore/src/app/sdg/sdg.component.ts @@ -0,0 +1,28 @@ +import {HttpClient} from "@angular/common/http"; +import {Component, OnInit} from "@angular/core"; + +import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; + +@Component({ + selector: 'sdg', + templateUrl: 'sdg.component.html', + styleUrls: ['sdg.component.css'] +}) +export class SdgComponent implements OnInit { + + public sdgs: any = []; + + public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'SDG'}]; + + constructor( + private httpClient: HttpClient + ) {} + + ngOnInit() { + this.httpClient.get('/assets/vocabulary/sdg.json').subscribe(data => { + // console.log(data['sdg']); + this.sdgs = data['sdg']; + console.log(this.sdgs); + }) + } +} \ No newline at end of file diff --git a/explore/src/app/sdg/sdg.module.ts b/explore/src/app/sdg/sdg.module.ts new file mode 100644 index 00000000..330c5d85 --- /dev/null +++ b/explore/src/app/sdg/sdg.module.ts @@ -0,0 +1,28 @@ +import {CommonModule} from "@angular/common"; +import {NgModule} from "@angular/core"; +import {FormsModule} from "@angular/forms"; +import {RouterModule} from "@angular/router"; +import {PreviousRouteRecorder} from "../openaireLibrary/utils/piwik/previousRouteRecorder.guard"; +import {BreadcrumbsModule} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.module"; + +import {SdgRoutingModule} from './sdg-routing.module'; +import {SdgComponent} from './sdg.component'; + +@NgModule({ + imports: [ + CommonModule, FormsModule, RouterModule, + SdgRoutingModule, BreadcrumbsModule + ], + declarations: [ + SdgComponent + ], + providers: [ + PreviousRouteRecorder + ], + exports: [ + SdgComponent + ] +}) +export class SdgModule { + +} \ No newline at end of file diff --git a/explore/src/assets/explore-assets/sdgs-badge.png b/explore/src/assets/explore-assets/sdgs-badge.png new file mode 100644 index 00000000..abde511e Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs-badge.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g1.png b/explore/src/assets/explore-assets/sdgs/g1.png new file mode 100644 index 00000000..f4f1af49 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g1.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g10.png b/explore/src/assets/explore-assets/sdgs/g10.png new file mode 100644 index 00000000..2ab9168c Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g10.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g11.png b/explore/src/assets/explore-assets/sdgs/g11.png new file mode 100644 index 00000000..0344d7cf Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g11.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g12.png b/explore/src/assets/explore-assets/sdgs/g12.png new file mode 100644 index 00000000..3e1288ff Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g12.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g13.png b/explore/src/assets/explore-assets/sdgs/g13.png new file mode 100644 index 00000000..ec1b3fc0 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g13.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g14.png b/explore/src/assets/explore-assets/sdgs/g14.png new file mode 100644 index 00000000..3af71012 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g14.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g15.png b/explore/src/assets/explore-assets/sdgs/g15.png new file mode 100644 index 00000000..9e398f61 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g15.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g16.png b/explore/src/assets/explore-assets/sdgs/g16.png new file mode 100644 index 00000000..11e09a3b Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g16.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g17.png b/explore/src/assets/explore-assets/sdgs/g17.png new file mode 100644 index 00000000..7f06e0e9 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g17.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g2.png b/explore/src/assets/explore-assets/sdgs/g2.png new file mode 100644 index 00000000..379479a0 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g2.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g3.png b/explore/src/assets/explore-assets/sdgs/g3.png new file mode 100644 index 00000000..3cb1cf28 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g3.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g4.png b/explore/src/assets/explore-assets/sdgs/g4.png new file mode 100644 index 00000000..fe7b3b7e Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g4.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g5.png b/explore/src/assets/explore-assets/sdgs/g5.png new file mode 100644 index 00000000..2c4f51cf Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g5.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g6.png b/explore/src/assets/explore-assets/sdgs/g6.png new file mode 100644 index 00000000..6b3c2585 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g6.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g7.png b/explore/src/assets/explore-assets/sdgs/g7.png new file mode 100644 index 00000000..b07b69fe Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g7.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g8.png b/explore/src/assets/explore-assets/sdgs/g8.png new file mode 100644 index 00000000..0439c5d5 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g8.png differ diff --git a/explore/src/assets/explore-assets/sdgs/g9.png b/explore/src/assets/explore-assets/sdgs/g9.png new file mode 100644 index 00000000..82d51114 Binary files /dev/null and b/explore/src/assets/explore-assets/sdgs/g9.png differ diff --git a/explore/src/assets/vocabulary/sdg.json b/explore/src/assets/vocabulary/sdg.json index c607619f..9f588e71 100644 --- a/explore/src/assets/vocabulary/sdg.json +++ b/explore/src/assets/vocabulary/sdg.json @@ -3,54 +3,54 @@ { "code": "1", "id": "1. No poverty", - "label": "1. No poverty" + "label": "No poverty" }, { "code": "2", "id": "2. Zero hunger", - "label": "2. Zero hunger" + "label": "Zero hunger" },{ "code": "3", "id": "3. Good health", - "label": "3. Good health" + "label": "Good health" }, { "code": "4", "id": "4. Education", - "label": "4. Education" + "label": "Education" }, { "code": "5", "id": "5. Gender equality", - "label": "5. Gender equality" + "label": "Gender equality" },{ "code": "6", "id": "6. Clean water", - "label": "6. Clean water" + "label": "Clean water" }, { "code": "7", "id": "7. Clean energy", - "label": "7. Clean energy" + "label": "Clean energy" }, { "code": "8", "id": "8. Economic growth", - "label": "8. Economic growth" + "label": "Economic growth" },{ "code": "9", "id": "9. Industry and infrastructure", - "label": "9. Industry and infrastructure" + "label": "Industry and infrastructure" }, { "code": "10", "id": "10. No inequality", - "label": "10. No inequality" + "label": "No inequality" }, { "code": "11", "id": "11. Sustainability", - "label": "11. Sustainability" + "label": "Sustainability" },{ "code": "12", "id": "12. Responsible consumption", @@ -59,28 +59,26 @@ { "code": "13", "id": "13. Climate action", - "label": "13. Climate action" + "label": "Climate action" }, { "code": "14", "id": "14. Life underwater", - "label": "14. Life underwater" + "label": "Life underwater" },{ "code": "15", "id": "15. Life on land", - "label": "15. Life on land" + "label": "Life on land" }, { "code": "16", "id": "16. Peace & justice", - "label": "16. Peace & justice" + "label": "Peace & justice" }, { "code": "17", "id": "17. Partnership", - "label": "17. Partnership" + "label": "Partnership" } - ] - }