[Library|Trunk]: Create a new other portals component for home page before footer section.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@56454 d315682c-612b-4755-9ff5-7f18f6832af3

sharedComponents/other-portals/other-portals.component.html

@@ -0,0 +1,78 @@
+<div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
+  <div *ngIf="portal !== 'Explore'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
+    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
+      <h4 class="el-title uk-margin uk-h4">
+        Researcher?
+      </h4>
+      <div class="el-content uk-margin">
+        Explore all OA research results. Link all your research. Build your profile
+      </div>
+      <p>
+        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'" class="el-link uk-button uk-button-default">
+          OpenAIRE | EXPLORE
+        </a>
+      </p>
+    </div>
+  </div>
+  <div *ngIf="portal !== 'Provide'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column provide">
+    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
+      <h4 class="el-title uk-margin uk-h4">
+        Content provider?
+      </h4>
+      <div class="el-content uk-margin">
+        Join OpenAIRE, use our tools and make your content more visible around the world.
+      </div>
+      <p>
+        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'" class="el-link uk-button uk-button-default">
+          OpenAIRE | PROVIDE
+        </a>
+      </p>
+    </div>
+  </div>
+  <div *ngIf="portal !== 'Connect'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
+    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
+      <h4 class="el-title uk-margin uk-h4">
+        Research community?
+      </h4>
+      <div class="el-content uk-margin">
+        Use a trusted partner to share, link, disseminate and monitor your research.
+      </div>
+      <p>
+        <a target="_blank" [href]="'https://'+(properties.environment =='beta'?'beta.':'')+'connect.openaire.eu'"
+           class="el-link uk-button uk-button-default">
+          OpenAIRE | CONNECT
+        </a>
+      </p>
+    </div>
+  </div>
+  <div *ngIf="portal !== 'Monitor'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
+    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
+      <h4 class="el-title uk-margin uk-h4">
+        Research manager?
+      </h4>
+      <div class="el-content uk-margin">
+        Use our monitoring services and easily track all relevant research results.
+      </div>
+      <p>
+        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.openaire.eu/moniotr':'monitor.openaire.eu')" class="el-link uk-button uk-button-default">
+          OpenAIRE | MONITOR
+        </a>
+      </p>
+    </div>
+  </div>
+  <div *ngIf="portal !== 'Develop'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
+    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
+      <h4 class="el-title uk-margin uk-h4">
+        Developer?
+      </h4>
+      <div class="el-content uk-margin">
+        Get access to OpenAIRE data and capitalize on on Europe's open linked research
+      </div>
+      <p>
+        <a target="_blank" href="https://develop.openaire.eu" class="el-link uk-button uk-button-default">
+          OpenAIRE | DEVELOP
+        </a>
+      </p>
+    </div>
+  </div>
+</div>

sharedComponents/other-portals/other-portals.component.ts

@@ -0,0 +1,13 @@
+import {Component, Input} from '@angular/core';
+import {EnvProperties} from "../../utils/properties/env-properties";
+
+@Component({
+  selector: 'other-portals',
+  templateUrl: 'other-portals.component.html'
+})
+export class OtherPortalsComponent {
+  @Input() portal = 'Connect';
+  @Input() properties: EnvProperties = null;
+
+  constructor() {}
+}

sharedComponents/other-portals/other-portals.module.ts

@@ -0,0 +1,22 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+
+import {RouterModule} from "@angular/router";
+
+import {OtherPortalsComponent} from './other-portals.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule
+  ],
+  declarations: [
+    OtherPortalsComponent
+  ],
+  providers: [],
+  exports: [
+    OtherPortalsComponent
+  ]
+})
+export class OtherPortalsModule {
+}