D-Net

/**

 * Created by stefania on 3/21/16.

 */

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

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

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

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

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

import {Title} from '@angular/platform-browser';

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

@Component({

    selector: 'dashboard',

    templateUrl: 'dashboard.component.html',

})

export class DashboardComponent implements OnInit {

  communityId: string = null;

  communityType = null;

  properties: EnvProperties;

  constructor( private element: ElementRef,

               private  route: ActivatedRoute,

               private title: Title,

               private _communityService: CommunityService) {}

  ngOnInit() {

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

        this.title.setTitle('Administration Dashboard | Overview');

        this.properties = data.envSpecific;

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

          HelperFunctions.scroll();

          this.communityId = ((data['communityId']) ? data['communityId'] : data['community']);

          ConnectHelper.setPortalTypeFromPid(this.communityId);

          this._communityService.getCommunity(this.communityId).subscribe (

            community => {

                this.communityType = community.type;

            },

            error => {

              console.error('Server responded: ' + error);

            }

          );

        });

    });

  }

}

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

import {DashboardRoutingModule} from './dashboard-routing.module';

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

import {DashboardComponent} from './dashboard.component';

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

import {IsCommunity} from '../../openaireLibrary/connect/communityGuard/isCommunity.guard';

import {ConnectAdminLoginGuard} from '../../openaireLibrary/connect/communityGuard/connectAdminLoginGuard.guard';

@NgModule({

  imports: [

    CommonModule, DashboardRoutingModule, RouterModule

  ],

  declarations: [DashboardComponent],

  providers: [IsCommunity, ConnectAdminLoginGuard],

  exports: [DashboardComponent]

})

export class DashboardModule { }

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

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

import {DashboardComponent} from './dashboard.component';

import {IsCommunity} from '../../openaireLibrary/connect/communityGuard/isCommunity.guard';

import {ConnectAdminLoginGuard} from '../../openaireLibrary/connect/communityGuard/connectAdminLoginGuard.guard';

@NgModule({

  imports: [

    RouterModule.forChild([

      { path: '', canActivate: [IsCommunity, ConnectAdminLoginGuard], component: DashboardComponent}

    ])

  ]

})

export class DashboardRoutingModule { }

<div id="dashboard" class="uk-margin-large-bottom">

    <div id="content">

        <div class="content-wrapper">

            <div class="uk-child-width-1-3@m uk-grid-small uk-grid-margin uk-margin-top" uk-grid="" uk-height-match=".target">

                  <div *ngIf="communityId != 'openaire' && this.communityId !== 'connect'" class="uk-card uk-card-default uk-card-body uk-card-hover">

                    <h4 class="uk-card-title">

                        <span class="uk-margin-small-right uk-icon" uk-icon="album"></span>

                        Profile

                    </h4>

                    <div class="target uk-margin">

                      Edit community information, change logo url, add community managers or organizations related to

                      community <span *ngIf="properties.environment == 'development'"> and customize css layout</span>.

                    </div>

                    <div>

                      <a routerLink="/community-edit-form"  [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Community Profile</a><br>

                      <a routerLink="/organizations"  [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Organizations</a><br>

                      <!--<a routerLink="/customize-layout"

                         [queryParams]="{communityId: this.communityId}"

                          class="uk-button uk-button-text">Customize Layout</a>-->

                    </div>

                  </div>

                  <div *ngIf="communityId != 'openaire' && this.communityId !== 'connect'" class="uk-card uk-card-default uk-card-body uk-card-hover">

                      <h4 class="uk-card-title">

                        <span class="uk-margin-small-right uk-icon" uk-icon="list"></span>

                        Content

                      </h4>

                      <div class="target uk-margin">

                        Manage projects, content providers{{(communityType && communityType != 'ri')?', subjects':''}} and zenodo communities that are related to the research community.

                      </div>

                      <div>

                        <a routerLink="/manage-projects" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Projects</a> <br>

                        <a routerLink="/manage-content-providers" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Content providers</a> <br>

                        <a routerLink="/manage-zenodo-communities" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Zenodo communities</a> <br>

                        <a *ngIf="communityType && communityType != 'ri'" routerLink="/manage-subjects" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Subjects</a> <br>

                      </div>

                    </div>

                  <div *ngIf="communityId != 'openaire' && this.communityId !== 'connect'" class="uk-card uk-card-default uk-card-body uk-card-hover">

                    <h4 class="uk-card-title">

                      <span class="uk-margin-small-right uk-icon" uk-icon="image"></span>

                      Statistics & Charts

                    </h4>

                    <div class="target uk-margin">

                      Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views.

                    </div>

                    <div>

                      <a routerLink="/stats"  [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Statistics &amp; charts</a>

                    </div>

                  </div>

                <div *ngIf="communityId != 'openaire' && this.communityId !== 'connect'" class="uk-card uk-card-default uk-card-body uk-card-hover">

                  <h4 class="uk-card-title">

                      <span class="uk-margin-small-right uk-icon" uk-icon="link"></span>

                      Links

                  </h4>

                  <div class="target uk-margin">

                      Manage user claims related to the research community.

                  </div>

                  <div>

                    <a routerLink="/claims"  [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Links</a>

                  </div>

                </div>

                <div class="uk-card uk-card-default uk-card-body uk-card-hover">

                  <h4 class="uk-card-title">

                    <span class="uk-margin-small-right uk-icon" uk-icon="file-edit"></span>

                    Help texts

                  </h4>

                  <div class="target uk-margin">

                     Add or edit help text in research community pages.

                  </div>

                  <div>

                    <a routerLink="/pageContents" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Help texts in pages</a><br>

                    <a *ngIf="communityId === 'openaire' || communityId === 'connect'"

                       routerLink="/classContents" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Help texts in classes</a>

                  </div>

                  </div>

                <div   *ngIf="communityType && communityType == 'ri' && communityId!='openaire' && this.communityId !== 'connect'"  class="uk-card uk-card-default uk-card-body uk-card-hover">

                  <h4 class="uk-card-title">

                      <span class="uk-margin-small-right uk-icon" uk-icon="settings"></span>

                      Text mining rules

                  </h4>

                  <div class="target uk-margin">

                     Manage text mining rules, test the rules and see the results, save and load mining profiles.

                  </div>

                  <div>

                    <a routerLink="/mining/manage-profiles"  [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">Text mining rules</a>

                  </div>

                </div>

                <div   *ngIf="communityId!='openaire' && this.communityId !== 'connect'"  class="uk-card uk-card-default uk-card-body uk-card-hover">

                  <h4 class="uk-card-title">

                    <span class="uk-margin-small-right uk-icon" uk-icon="user"></span>

                    Users

                  </h4>

                  <div class="target uk-margin">

                    Invite more users to subscribe, manage community subscribers, your personal info and notification settings.

                  </div>

                  <div>

                     <a [href]="'https://beta.'+this.communityId+'.openaire.eu/invite'" target="_blank" class="uk-button uk-button-text">

                       <span>Invite to subscribe </span>

                     </a>

                     <br>

                     <a routerLink="/manage-subscribers" routerLinkActive="active" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">

                         <span>Subscribers</span>

                     </a>

                     <br>

                     <a routerLink="/personal" routerLinkActive="active" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">

                       <span>Personal Info </span>

                     </a>

                     <br>

                     <a routerLink="/manage-user-notifications" routerLinkActive="active" [queryParams]="{communityId: this.communityId}" class="uk-button uk-button-text">

                         <span>Notification settings </span>

                     </a>

                  </div>

                </div>

            </div>

        </div>

    </div>

</div>

                            <img [src]="affiliation.value.logo_url">

                            URL: <a [href]="affiliation.value.website_url">{{affiliation.value.website_url}}</a>

                  Your personal info will be visible in the Curators' page of your Community Gateway.

          <div dashboard-input label="Logo URL" placeholder="Write your affiliation's logo URL" [formInput]="affiliationFb.get('logo_url')"></div>

          <div dashboard-input label="Website URL" placeholder="Write your affiliation's website URL" [formInput]="affiliationFb.get('website_url')"></div>

        logo_url: this.fb.control(affiliation.logo_url, Validators.required),

        website_url: this.fb.control(affiliation.website_url, Validators.required),

      logo_url: this.fb.control(affiliation.logo_url, Validators.required),

      website_url: this.fb.control(affiliation.website_url, Validators.required)

import {edit, photo, remove} from "../../../openaireLibrary/utils/icons/icons";

    this.iconsService.registerIcons([photo, edit, remove])

                  URL: <a [href]="urlPrefix(affiliation.website_url) + affiliation.website_url">{{affiliation.website_url}}</a>

                      <span class="uk-margin-small-left">Edit Affiliation</span>

                      <span class="uk-margin-small-left">Delete Affiliation</span>

      <div dashboard-input label="Logo URL" placeholder="Write your organization's logo URL" [formInput]="affiliationFb.get('logo_url')"></div>

      <div dashboard-input label="Website URL" placeholder="Write your organization's website URL" [formInput]="affiliationFb.get('website_url')"></div>

      logo_url: this.fb.control(affiliation.logo_url, Validators.required),

      website_url: this.fb.control(affiliation.website_url, Validators.required)

          <div dashboard-input class="uk-width-1-1" [hideControl]="communityFb.get('isUpload').value"

            <div *ngIf="!communityFb.get('isUpload').value" class="uk-width-2-5@l uk-width-1-1">

            <div *ngIf="communityFb.get('isUpload').value" class="uk-width-1-1 uk-flex uk-flex-middle">

          <div *ngIf="!communityFb.get('isUpload').value && !secure" class="uk-margin-remove-top uk-width-1-1">

            <div class="uk-flex uk-flex-right" uk-grid>

              <div class="uk-width-3-5@l uk-width-1-1 uk-text-small uk-text-warning">

                <span class="uk-text-bold">Note:</span> Prefer urls like "<span class="uk-text-bold">https://</span>example.com/my-secure-image.png"

                instead of "<span class="uk-text-bold">http://</span>example.com/my-image.png".

                <span class="uk-text-bold">Browsers may not load non secure content.</span>

              </div>

            </div>

          </div>

  public secure: boolean = false;

        this.secure = (!this.communityFb.get('logoUrl').value || this.communityFb.get('logoUrl').value.includes('https://'));

        this.subscriptions.push(this.communityFb.get('logoUrl').valueChanges.subscribe(value => {

          this.secure = (!value || value.includes('https://'));

        }));

          this.communityService.getCommunity(this.community.communityId, true).subscribe(community => {

            UIkit.notification(community.shortTitle + ' has been <b>successfully created</b>', {

              status: 'success',

              timeout: 6000,

              pos: 'bottom-right'

            });

            callback(community);