D-Net

import { NgModule}      from '@angular/core';

import { RouterModule } from '@angular/router';

import {SubjectsComponent} from "./subjects.component";

import {IsRouteEnabled} from "../openaireLibrary/error/isRouteEnabled.guard";

import {PreviousRouteRecorder} from "../openaireLibrary/utils/piwik/previousRouteRecorder.guard";

@NgModule({

  imports: [

    RouterModule.forChild([

      { path: '', component: SubjectsComponent, canActivate: [IsRouteEnabled], canDeactivate: [PreviousRouteRecorder]}

    ])

  ]

})

export class SubjectsRoutingModule {

}

import {Component, Input} from '@angular/core';

import {EnvProperties}    from '../openaireLibrary/utils/properties/env-properties';

import {ActivatedRoute, Router} from "@angular/router";

import {CommunityService} from "../openaireLibrary/connect/community/community.service";

import {ConnectHelper} from "../openaireLibrary/connect/connectHelper";

import {HelperFunctions} from "../openaireLibrary/utils/HelperFunctions.class";

import {HelperService} from "../openaireLibrary/utils/helper/helper.service";

import {Meta, Title} from "@angular/platform-browser";

import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";

import {PiwikService} from "../openaireLibrary/utils/piwik/piwik.service";

import {PiwikHelper} from "../utils/piwikHelper";

import {StringUtils} from "../openaireLibrary/utils/string-utils.class";

import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

@Component({

  selector: 'subjects',

  template: `

    <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>

    <div style=" min-height: 650px;" class="communityBackground">

      <div class="uk-section uk-padding-remove-top uk-padding-remove-bottom">

        <breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs>

        <!--          <div *ngIf="communityId != null && communityId != ''" -->

<!--               class="uk-container uk-container-large uk-margin-top white-box-with-border">-->

            <div class="uk-container uk-container-large">

              <div *ngIf="showLoading">

                <div class="uk-animation-fade uk-width-1-1" role="alert"><span

                  class="loading-gif  uk-align-center"></span></div>

              </div>

              <div *ngIf="!showLoading">

                <div class="uk-h2 uk-margin-bottom uk-margin-medium-top">

                  <span>Subjects</span>

                </div>

                <div style=" min-height: 250px;" class="white-box-with-border uk-padding uk-list">

                  <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

                          [texts]="pageContents['top']"></helper>

                  <span *ngFor="let subject of subjects let i=index">

                      <span *ngIf="subject != ''">

                        <a class="portal-link"

                           [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"

                           routerLinkActive="router-link-active" [routerLink]="properties.searchLinkToAdvancedResults" >

                          <span>{{subject}}</span>

                        </a>

                        <span *ngIf="i < subjects.length-1">, </span>

                      </span>

                  </span>

                </div>

            </div>

          </div>

      </div>

    </div>

  `

})

export class SubjectsComponent {

  public subjects: string[];

  @Input() communityId = null;

  public showLoading = true;

  public properties: EnvProperties;

  public pageContents = null;

  public divContents = null;

  public piwiksub: any;

  public url: string = null;

  public pageTitle: string = "Subjects";

  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about - subjects'}];

  constructor (private route: ActivatedRoute,

               private communityService: CommunityService,

               private _router: Router,

               private helper: HelperService,

               private _meta: Meta,

               private _title: Title,

               private seoService: SEOService,

               private _piwikService: PiwikService) {}

  ngOnInit() {

    this.route.data.subscribe((data: { envSpecific: EnvProperties }) => {

      this.showLoading = true;

      this.properties = data.envSpecific;

        if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {

          this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, PiwikHelper.getSiteId(this.communityId, this.properties.environment)).subscribe();

        }

        this.url = this.properties.baseLink + this._router.url;

        this.seoService.createLinkForCanonicalURL(this.url);

        this.updateUrl(this.url);

        this.updateTitle(this.pageTitle);

        this.updateDescription("OpenAIRE - Connect, Community Gateway, research community");

        this.route.queryParams.subscribe(data => {

          this.communityId  = ConnectHelper.getCommunityFromDomain(this.properties.domain);

          if(!this.communityId) {

            this.communityId = data['communityId'];

          }

          //this.getDivContents();

          this.getPageContents();

          this.communityService.getCommunity(this.properties, this.properties.communityAPI + this.communityId).subscribe(community => {

            this.subjects = community.subjects;

            this.showLoading = false;

            HelperFunctions.scroll();

          });

        });

    });

  }

  createParams(param) {

    return StringUtils.quote(StringUtils.URIEncode(param));

  }

  ngOnDestroy() {

    if(this.piwiksub) {

      this.piwiksub.unsubscribe();

    }

  }

  private getPageContents() {

    this.helper.getPageHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {

      this.pageContents = contents;

    })

  }

  private getDivContents() {

    this.helper.getDivHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {

      this.divContents = contents;

    })

  }

  private updateDescription(description: string) {

    this._meta.updateTag({content: description}, "name='description'");

    this._meta.updateTag({content: description}, "property='og:description'");

  }

  private updateTitle(title: string) {

    var _title = ((title.length > 50) ? title.substring(0, 50) : title);

    this._title.setTitle(_title);

    this._meta.updateTag({content: _title}, "property='og:title'");

  }

  private updateUrl(url: string) {

    this._meta.updateTag({content: url}, "property='og:url'");

  }

}

import { NgModule} from '@angular/core';

import { CommonModule } from '@angular/common';

import { FormsModule }  from '@angular/forms';

import { RouterModule } from '@angular/router';

import {SubjectsComponent} from './subjects.component';

import {SubjectsRoutingModule} from "./subjects-routing.module";

import {CommunityService} from "../openaireLibrary/connect/community/community.service";

import {HelperModule} from "../openaireLibrary/utils/helper/helper.module";

import {Schema2jsonldModule} from "../openaireLibrary/sharedComponents/schema2jsonld/schema2jsonld.module";

import {SEOServiceModule} from "../openaireLibrary/sharedComponents/SEO/SEOService.module";

import {PiwikServiceModule} from "../openaireLibrary/utils/piwik/piwikService.module";

import {BreadcrumbsModule} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";

@NgModule({

  imports: [

    CommonModule, FormsModule, RouterModule,

    SubjectsRoutingModule, HelperModule,

    Schema2jsonldModule, SEOServiceModule, PiwikServiceModule,

    BreadcrumbsModule

  ],

  declarations: [

    SubjectsComponent

  ],

  providers: [CommunityService],

  exports: [

    SubjectsComponent

  ]

})

export class SubjectsModule {}

         *ngIf="communityId">

          <div *ngIf="community.title" class="uk-h2 uk-margin-remove">

          <div *ngIf="community.shortTitle && community.title != community.shortTitle"

              <span *ngIf="projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">

              <span *ngIf="contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"

                    [class]="'uk-display-inline-block '+((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">

                          ((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))

                          || (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))"

          <ul uk-tab class="uk-text-truncate main-tabs uk-margin-remove uk-child-width-expand uk-width-3-4" uk-switcher="connect: .main-tabs-content">

            <li *ngIf="publicationTotal && publicationTotal > 0 && isEntityEnabled('publication')"

                <div class="uk-text-bold">Publications</div><div class="uk-margin-top number">{{publicationTotal|number}}</div>

            <li *ngIf="researchDataTotal && researchDataTotal > 0 && isEntityEnabled('dataset')"

                <div class="uk-text-bold">Research Data</div><div class="uk-margin-top number">{{researchDataTotal|number}}</div>

            <li *ngIf="softwareTotal && softwareTotal > 0 && isEntityEnabled('software')"

                <div class="uk-text-bold">Software</div><div class="uk-margin-top number">{{softwareTotal|number}}</div>

            <li *ngIf="orpTotal && orpTotal > 0 && isEntityEnabled('orp')"

                <div class="uk-text-bold">Other Research</div><div class="uk-margin-top number">{{orpTotal|number}}</div></a>

                <div class="uk-margin-top number">

                  <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">

                    <path d="M0 0h24v24H0z" fill="none"></path>

                    <path d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path>

                  </svg>

                </div>

              <div *ngIf="community" class="uk-grid uk-margin-remove">

                    <span *ngIf="community.date" class="uk-margin-right">

                    <span>

                      <subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true class=""></subscribe>

                  <div *ngIf="community.description"

                       [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">

                    <div *ngIf="showAllDescription" class="uk-overflow-auto">

                      <div class="uk-height-max-medium">{{community.description}}</div>

                <div *ngIf="isRouteEnabled('/subjects') && community.subjects && community.subjects.length > 0"

                  <div class="uk-margin-bottom">

                    <div class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">

                      <a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">

            <li *ngIf="publicationTotal && publicationTotal > 0 && isEntityEnabled('publication')">

            <li *ngIf="researchDataTotal && researchDataTotal > 0 && isEntityEnabled('dataset')">

            <li *ngIf="softwareTotal && softwareTotal > 0 && isEntityEnabled('software')">

            <li *ngIf="orpTotal && orpTotal > 0 && isEntityEnabled('orp')">

<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId && communityInfo">

        <div *ngIf="communityId">

import {SubscribeComponent} from "../utils/subscribe/subscribe.component";

  @ViewChild(SubscribeComponent) subscribeComponent: SubscribeComponent = null;

import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

      <div class="communityBackground uk-section tm-middle uk-padding-remove-top" id="tm-main">

        <breadcrumbs [addClass]="'uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top'" [breadcrumbs]="breadcrumbs"></breadcrumbs>

        <div class="uk-container uk-container-large uk-margin-bottom">

          <div class="uk-h2 uk-margin-medium-top uk-margin-bottom">Supporting Organizations</div>

          <html-page description="Organizations" pageTitle="Supporting Organizations"></html-page>

  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about - supporting organizations'}];

import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";

    OrganizationsPageRoutingModule, AffiliationsModule, HelperModule, CommonModule, HtmlPagesModule,

    BreadcrumbsModule

import {SubscribeService} from "./openaireLibrary/utils/subscribe/subscribe.service";

    EnvironmentSpecificResolver,  CommunitiesService, LayoutService, SubscribeService,

              (click)="subscribe()">

        <span class="uk-icon uk-flex uk-flex-middle">

          <svg height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

            <path d="M0 0h24v24H0z" fill="none"></path>

            <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"></path>

          </svg>

          <span class="space">Subscribe</span> 

        </span>

      </button>

              (click)="confirmOpen()">

        <span class="uk-icon uk-flex uk-flex-middle">

          <svg height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

            <path d="M0 0h24v24H0z" fill="none"></path>

            <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"></path>

          </svg>

          <span class="space">Subscribed</span> 

        </span>

      </button>

    <span *ngIf="showNumbers && subscribers !=null && subscribers > 0  && showTemplate" class="uk-display-inline-block">

  private isSubscribed() {

    this._subscribeService.isSubscribed.subscribe(

      res => {

        console.log("Subscribe component: isSubscribed: "+res);

        this.subscribed = res;

        if (this.subscribed) {

          this.subscribeEvent.emit({

            value: "ok"

          });

        }

      }

    );

  }

          // this._subscribeService.isSubscribedToCommunity(this.properties, this.communityId).subscribe(

          //   res => {

          //     this.subscribed = res;

          //     if (this.subscribed) {

          //       this.subscribeEvent.emit({

          //         value: "ok"

          //       });

          //     }

          //   },

          //   error => {

          //     this.handleError("Error getting response if email: " + email + " is subscribed to community with id: " + this.communityId, error);

          //   });

          this._subscribeService.initIsSubscribedToCommunity(this.properties, this.communityId);

          this.isSubscribed();

        /*SubscribeService,*/ EmailService, CommunityService

<div *ngIf="longView == true" class="communityBackground">

  <div class="uk-section uk-padding-remove-top tm-middle" id="tm-main">

    <breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs>

<div *ngIf="!longView" class="uk-margin-small-top">

  <button [class]=" ((buttonSizeSmall)?'uk-button-small':'') + ' uk-button  portal-button uk-button-small uk-width-1-1'">

    <span class="uk-icon uk-flex uk-flex-middle">

      <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">

        <path d="M0 0h24v24H0z" fill="none"></path>

        <path d="M8 10H5V7H3v3H0v2h3v3h2v-3h3v-2zm10 1c1.66 0 2.99-1.34 2.99-3S19.66 5 18 5c-.32 0-.63.05-.91.14.57.81.9 1.79.9 2.86s-.34 2.04-.9 2.86c.28.09.59.14.91.14zm-5 0c1.66 0 2.99-1.34 2.99-3S14.66 5 13 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm6.62 2.16c.83.73 1.38 1.66 1.38 2.84v2h3v-2c0-1.54-2.37-2.49-4.38-2.84zM13 13c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3z"></path>

      </svg>

      <span class="space">Invite users</span>

    </span>

import {Breadcrumb} from "../../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'invite'}];

import {BreadcrumbsModule} from "../../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";

    HelperModule, Schema2jsonldModule, SEOServiceModule, BreadcrumbsModule

<!--  <div class="image-front-topbar  uk-section-default uk-position-relative"-->

<!--       uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"-->

<!--       tm-header-transparent="light">-->

<!--    uk-flex uk-flex-middle-->

    <div style=" min-height: 650px;" class="communityBackground uk-section uk-padding-remove-top uk-padding-remove-bottom ">

          <breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs>

          <div class="uk-container uk-container-large">

<!--            && curators.length > 0-->

            <div *ngIf="!showLoading">

              <div class="uk-margin-medium-top uk-h2">

                <span class="">Curators</span>

              </div>

              <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

                      [texts]="pageContents['top']"></helper>

<!--  </div>-->

        <a>

          <span class="user-circle-background">

            <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">

              <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>

              <path d="M0 0h24v24H0z" fill="none"></path>

            </svg>

          </span>

          {{curator.name}}

        </a>

import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'About - curators'}];

    this.helper.getPageHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {

    this.helper.getDivHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {

import {BreadcrumbsModule} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";

    Schema2jsonldModule, SEOServiceModule, PiwikServiceModule,

    BreadcrumbsModule

      <div id="subscribeAndInviteBtn" *ngIf="isClient && properties && communityId">

        <subscribe [communityId]="communityId" [properties]="properties"></subscribe>

        <invite *ngIf="managerOfCommunities" [longView]=false [buttonSizeSmall]=false [properties]="properties"></invite>

      </div>

                  new MenuItem("", "Subjects", "", "/subjects", false, [], ["/subjects"], this.properties.environment != "development" ? {} : {communityId: community.communityId}),

  providers:[PreviousRouteRecorder, /*SubscribeService,*/ EmailService],

  { path: 'subjects', loadChildren: './subjects/subjects.module#SubjectsModule', resolve: { envSpecific: EnvironmentSpecificResolver  }},

#subscribeAndInviteBtn {

/*#subscribeBtn, #inviteBtn {*/

    top: calc(30% - 47px);

#subscribeAndInviteBtn button {

    width: 125px;

    height: 35px;

.user-circle-background {

    background-color: var(--portal-main-color);

    border-radius: 50%;

    height: 10px;

    width: 10px;

    display: inline-flex;

    padding: 2px;

    fill: white;

}

a:hover .user-circle-background {

    background-color: var(--portal-dark-color);

}